@charset "utf-8";

/* 환경분쟁조정안내 */
.tab_wrap.tab_2line .tab_list{overflow: hidden}
.tab_wrap.tab_2line .tab_list li{display: inline-block; float: left; width:20%}
.tab_wrap.tab_2line .tab_list li a{font-size: 15px;line-height: 40px;}
.tab_wrap.tab_2line .tab_list li:nth-child(6){border-left: 1px #ddd solid}

.info_box{padding: 40px 0 0 0;display:block; background:url('../../images/front/bg_pattern.png') repeat 0 0 #f1f1f1}
.info_box .info_box_in{overflow: visible; display: block;padding:65px 20px; margin: 0 40px; background:#fff; text-align: center;}
.info_box .info_box_in .info_tit{text-align:center;margin-bottom:60px}
.info_box .info_box_in .info_tit .head_info_tit{display: inline-block;font-size:31px;font-weight: 600;color:#fff;letter-spacing: -0.7px;background:#294786; padding:14px 75px;margin-bottom: 20px;border-radius: 100px}
.info_box .info_box_in .info_tit .text{font-size: 15px; color: #666;line-height: 140%}

.info_text_area{ overflow: hidden;width: 80%;margin: 0 auto;margin-bottom: 30px}
.info_text_area .info_img{float: left;margin-right:40px}
.info_text_area .text{font-size: 16px;text-align:left; padding-top: 50px;line-height: 170%; color: #666;}
.info_text_area .info_list{text-align: left}
.info_text_area .info_list li{font-size:16px;color: #666;line-height: 140%; padding: 2px 0}

.info_text_area.info_w{width: 85%}
.info_text_area .info_list li{padding: 7px 0;}
.info_text_area .info_list li span.icon_dot{background:url('../../images/front/icon/icon_dot.png') no-repeat 0 8px; padding-left: 10px}

.info_text_area.icon07 .text{padding-top: 70px}
.info_text_area.info_w.icon08 .info_list{padding-top:50px}
.info_text_area.info_w.icon09{width: 80%}
.info_text_area.info_w.icon09 .info_list{padding-top:20px}

.info_text_area .info_img img{width: auto;}
.info_img_major img{width: auto;}

.info_bottom{margin-top: -30px}
.info_table_area{width: 90%; margin: 0 auto;margin-bottom: 30px}
.info_table_area .tbl_list_type02 th{font-weight: 600}

/* 1216추가*/
.info_text_area .text02{font-size: 15px; color: #666;line-height: 140%;padding-top:50px;text-align: left;line-height: 160%}
.info_list02{padding:50px;margin-top: 20px;border: 1px solid #ddd;text-align: left}
.info_list02 li{padding: 1px 0;}
.info_list02 li li{padding-left: 10px}
.info_list02 .info_list_in{padding-bottom: 25px}
.info_list02 li p.point{font-size: 17px;font-weight: 600;color: #333;padding-bottom:10px}
.info_list02 li span{display: inline-block;font-size: 15px;background:url('../../images/front/icon/icon_dot.png') no-repeat 0 11px; padding-left: 10px;line-height: 140%}
.info_list_in li.red_point_txt span.icon_tip{background: #367ee4;border-radius: 3px;margin-right: 5px;color: #fff;padding:0 8px}
.info_list_in li.red_point_txt{color: #367ee4;line-height: 140%}
.info_list_in li.red_point_txt a{color: #367ee4;}
@media screen and (max-width: 640px){
	.info_list02{padding:20px;}
	.info_list02 li span{font-size: 14px;background:url('../../images/front/icon/icon_dot.png') no-repeat 0 8px;}
	.info_list02 li p.point{font-size: 16px;}
}

/* 분쟁조정패턴 */
.tab_wrap.tab_3line .tab_list{overflow: hidden}
.tab_wrap.tab_3line .tab_list li{display: inline-block; float: left; width:50%}
.tab_wrap.tab_3line .tab_list li a{font-size: 15px;line-height: 40px;}
.tab_wrap.tab_3line .tab_list li:nth-child(3){border-left: 1px #ddd solid}
.tab_wrap.tab_3line .tab_list li:nth-child(5){border-left: 1px #ddd solid}
.info_box.trouble_area{padding: 40px 0;}
.info_text_area.trouble_text .text{font-size: 16px;text-align:left; padding-top:0;line-height: 170%; color: #666;margin-left:340px}
.info_text_area .info_img.img_t01{margin-top: 25px}

/* 조정의효력  */
.info_effect{width: 90%;margin: 0 auto;}
.info_effect .info_effect_in{position: relative;display: table;width: 100%;border:2px #dedede solid;border-radius:15px;padding-left: 100px;margin-bottom: 15px;text-align: left}
.info_effect .info_effect_in:before{content: "";position: absolute;top: 0;left: 0;width: 100px;background-repeat: no-repeat;background-position: 0 0;background-size: 100%}
.info_effect .info_effect_in.icon01{background:url('../../images/front/img_info06_01.png') no-repeat 0 0}
.info_effect .info_effect_in.icon02{background:url('../../images/front/img_info06_02.png') no-repeat 0 0}
.info_effect .info_effect_in.icon03{background:url('../../images/front/img_info06_03.png') no-repeat 0 0}
.info_effect .info_effect_in.icon04{background:url('../../images/front/img_info06_04.png') no-repeat 0 0}
.info_effect .info_effect_in dl{padding: 30px}
.info_effect .info_effect_in dt{font-size: 22px;color:#333;margin-bottom:10px}
.info_effect .info_effect_in dd{font-size: 15px;color:#666;line-height: 150%}
.info_effect .info_effect_in dd .tit{font-weight: 600;color:#333;margin-top: 10px}

/* 신청사건처리절차  */
.info_step{margin-bottom: 40px}
.info_step img{width: auto}
.info_step_text{text-align: left;font-size: 15px; margin-left: 3%}
.info_step_text li{padding: 8px 0; line-height: 150%;}
.info_step_text li .num{display:inline-block;width:20px;height:20px;font-size: 11px;font-weight: 600;color:#fff;text-align: center;background-color: #294786;border-radius: 50px; margin-right: 6px;vertical-align: middle}
.info_step_text li ol{overflow: hidden;margin-left: 27px}
.info_step_text li li{float: left; margin-right: 10px;padding:0;}

/* 조정업무별 처리기관 */
.info_organ{overflow: hidden}
.info_organ .info_organ_in.organ01{float: left;width: 49%;border-right: 1px #e2e2e2 solid}
.info_organ .info_organ_in.organ02{float: right;width: 50%;}
.info_organ .info_organ_in .info_img{margin-bottom: 30px}
.info_organ .info_organ_in .info_img img{width: auto}
.info_organ .info_organ_in .tit{font-size: 22px;margin-bottom: 40px;line-height: 130%; letter-spacing: -1px}
.info_organ .info_organ_in .tit span{font-weight: 600;color: #186acd}
.info_organ .info_organ_in .organ_list{width: 80%;text-align: left;margin:0 auto}
.info_organ .info_organ_in .organ_list li{font-size: 15px; background:url('../../images/front/icon/icon_dot.png') no-repeat 0 15px; padding: 7px 0 7px 10px;line-height: 150%}

/* 개인정보동의 */
.agree_area{font-size:16px;text-align:center;padding-top:40px;border: 1px #c6d6dc solid;margin-bottom:40px;}
.agree_area .agree_inner {width:792px;margin:0 auto; padding:20px 0;}
.agree_area .title {font-size:1.2em; font-weight:bold; margin-bottom:20px;}
.agree_area .txt {text-align:left; line-height:150%; margin-bottom:20px;}
.agree_area .color_org{font-weight:600;line-height:2.5}
.agree_area_in{background: #eff4f7;margin-top:25px;padding:15px 0}
.agree_area_in label{font-size:16px;font-weight:600;color: #333}

/* 분쟁조정상담 */
.answer_area{padding:15px;border: 3px #81a6d2 solid;margin-bottom: 10px}
.answer_area .answer{overflow:hidden;margin-bottom:10px}
.answer_area .answer dt, .answer_area .answer dd{float: left}
.answer_area .answer .adt span{display:inline-block;color:#fff;background:#186acc;border-radius:3px;padding:8px 20px;margin-right: 10px}
.answer_area .answer dd{font-size:13px;line-height:30px}
.answer_area .editor_area{padding-left: 10px;line-height: 130%;}

/* 화면 해상도 width 640px 이상 960px 이하 Design ----------*/
@media screen and (max-width: 1024px) and (min-width: 641px) {
	.tab_wrap.tab_2line .tab_list li a:after {border-left:1px solid #e1e1e1!important;}
	.info_text_area{ overflow: hidden;width: 100%; margin: 0 auto}
	.info_text_area .info_img{width: auto; float: left;margin-right:30px}
	.info_text_area .text{font-size: 16px;text-align:left; padding-top: 30px;line-height: 170%; color: #666;}
	.info_img_major img{width: 100%}

	/* 조정의효력  */
	.info_effect{width:100%}
	.info_step img{width: 100%}

	/* 분쟁조정패턴 */
	.info_text_area.trouble_text .text{margin-left:300px}

	.agree_area .agree_inner {width:90%;}
}
/* 화면 해상도 width 640px 이하 Design ---------*/
@media screen and (max-width: 640px){
	.tab_wrap.tab_2line .tab_list li{display:block; float: left; width:100%}
	.tab_wrap.tab_2line .tab_list li{border-left: 1px solid #e1e1e1!important;}

	.info_box{padding: 10px 0 0 0;display:block; background:url('../../images/front/bg_pattern.png') repeat 0 0 #f1f1f1}
	.info_box .info_box_in{overflow: visible; display: block;padding:30px 20px 50px 20px; margin: 0 10px; background:#fff; text-align: center;}
	.info_box .info_box_in .info_tit{text-align:center;margin-bottom:20px}
	.info_box .info_box_in .info_tit .head_info_tit{font-size:18px;font-weight: 600;color:#fff;padding:14px 75px;margin-bottom: 10px;border-radius: 100px;line-height: 140%;}
	.info_box .info_box_in .info_tit .text{font-size: 13px; color: #666;line-height: 140%}

	.info_text_area{ overflow: hidden;width: 100%; margin: 0 auto}
	.info_text_area .info_img{width:auto; float:inherit;margin: 0}
	.info_text_area .text{float:inherit;width: 100%;font-size: 15px;text-align:left; padding-top: 20px; line-height: 150%; color: #666;}
	.info_table_area{width: 100%; margin: 0 auto;}
	.info_table_area .tbl_list_wrap thead th {height: 42px;}
	.info_table_area td{font-size: 14px}

	.info_text_area.info_w{width: 100%;}
	.info_text_area .info_list{padding-top: 20px}
	.info_text_area .info_list li{font-size: 15px;line-height: 150%;}

	.info_text_area.icon07 .text{padding-top:20px}
	.info_text_area.info_w.icon09{width: 100%}
	.info_text_area.info_w.icon08 .info_list{padding-top:20px}
	.info_img_major img{width: 100%}

	.info_step img{width: 100%}

	/* 조정의효력  */
	.info_effect .info_effect_in{position: relative;display: table;width: 100%;border:2px #dedede solid;border-radius:15px;padding-left: 0;margin-bottom: 8px;text-align: left}
	.info_effect .info_effect_in.icon01{background:none}
	.info_effect .info_effect_in.icon02{background:none}
	.info_effect .info_effect_in.icon03{background:none}
	.info_effect .info_effect_in.icon04{background:none}
	.info_effect .info_effect_in:before{display: none}
	.info_effect .info_effect_in dl{padding: 20px}
	.info_effect .info_effect_in dt{font-size: 18px;color:#333;margin-bottom:10px}
	.info_effect .info_effect_in dd{font-size: 14px;color:#666;line-height: 140%}
	.info_effect .info_effect_in dd .tit{font-weight: 600;color:#333;margin-top: 10px}

	/* 조정업무별 처리기관 */
	.info_organ{overflow: hidden}
	.info_organ .info_organ_in{margin-bottom: 40px}
	.info_organ .info_organ_in.organ01{float:inherit;width: 100%;border-right:none}
	.info_organ .info_organ_in.organ02{float:inherit;width: 100%;}
	.info_organ .info_organ_in .info_img{margin-bottom: 20px}
	.info_organ .info_organ_in .info_img img{width: 60%}
	.info_organ .info_organ_in .tit{font-size: 18px;margin-bottom: 20px}
	.info_organ .info_organ_in .organ_list{width: 100%}
	.info_organ .info_organ_in .organ_list li{font-size: 14px}

	/* 분쟁조정패턴 */
	.tab_wrap.tab_3line .tab_list li{display:block; float: left; width:100%;}
	.tab_wrap.tab_3line .tab_list li{border-left: 1px solid #e1e1e1!important;}
	.info_text_area.trouble_text .text{font-size:15px;margin-left:0;margin-top: 20px;line-height:150%}

	.agree_area{font-size:14px;}
	.agree_area .agree_inner {width:90%;}
	.agree_area_in label{font-size:14px;}
}

/* 로그인  */
.certify_way.login_type01{text-align: center;}
.certify_way.login_type01 .certify_box{display: inline-block; width: 80%!important; float: inherit;}
.certify_way.login_type01 .certify_box dl{height: 420px!important;}
.certify_way.login_type01 .certify_box dd.description{height: 50px}

@media screen and (max-width:1220px){
	.certify_way.login_type01 .certify_box{display: inline-block; width: 100%!important}
}

/* 담당업무 연락처 */
.contact_list_wrap .contact_list_item{padding-left: 105px!important}
.contact_list_wrap .contact_list_item .img{top: 20px!important;width: 81px!important;height: 81x!important;background:none!important;}
.contact_list_wrap .contact_list_item .item_inner .position{font-weight: normal!important;line-height: 120%;}
.contact_list_wrap .contact_list_item .item_inner{color: #111!important;}

.contact_list_wrap.h_type .contact_list li{height: 180px!important;}
.contact_list_wrap .contact_list_area .contact_list_item .item_inner .tel{font-size: 15px!important; line-height: 130%; margin-top: 0!important;}
.contact_list_wrap .contact_list_item .item_inner .department {font-size: 18px;font-weight: normal!important;color: #222!important; margin-bottom: 8px}

/* 유사사례찾기 */
.sub_example_wrap {background:#2c83e0; margin-bottom: 30px}
.sub_example_wrap .example_cont{position:relative;margin:0 auto; padding: 38px 0 0 40px}
.sub_example_wrap .example_cont:before {content:"";position:absolute;top:0;right:0;width:1113px;height:248px;background:url('../../images/front/main/ex_bg.png') no-repeat 0 0;}
.sub_example_wrap .example_cont:after {clear:both;display:block;content:"";}
.sub_example_wrap .example_cont .ex_find_wrap {position:relative;float:left;width:714px;padding:87px 46px 40px 0;z-index:9;}
.sub_example_wrap .example_cont .ex_find_wrap h3 {color:#fff;font-size:33px;font-weight:400;line-height:1.2;letter-spacing:-1px;}

.sub_example_wrap .example_cont h4.tit_list{float: left; width: 30%; height: 70px; font-size: 24px; font-weight: normal; color:#fff; background:url('../../images/front/icon_search.png') no-repeat 0 0; padding-left:80px; line-height: 120%;}
.sub_example_wrap .example_cont h4.tit_list span{display: block; font-weight: 600}

.sub_example_wrap .ex_find_top {background: #0b5ab3;padding: 17px 0; text-align: center}
.sub_example_wrap .ex_find_top .ex_search {display: inline-block; width:453px; border-bottom:3px solid #f5ed0e;}
.sub_example_wrap .ex_find_top .ex_search_inner {position:relative;margin-bottom:13px;padding-right:40px;}
.sub_example_wrap .ex_find_top .ex_search_inner:before {content:"";position:absolute;top:50%;left:0;width:3px;height:22px;margin-top:-11px;background:#f2e827;}
.sub_example_wrap .ex_find_top .ex_search_inner input {width:100%;background:transparent;border:none;font-size:16px;color:#fff;}
.sub_example_wrap .ex_find_top .ex_search_inner input::placeholder {color:rgba(255, 255, 255, .8);}
.sub_example_wrap .ex_find_top .ex_search_inner .btn_search {position:absolute;top:50%;right:8px;width:29px;height:28px;margin-top:-14px;background:url('../../images/front/main/icon_search.png') no-repeat 0 0;}

.sub_example_wrap .example_cont .ex_find_wrap .ex_sort_wrap {position: absolute; top:0; right:0; display:table;width:100%;table-layout:fixed;}
.sub_example_wrap .example_cont .ex_find_wrap .ex_sort {display:table-cell;padding-left:10px;}
.sub_example_wrap .example_cont .ex_find_wrap .ex_sort:last-child {width:277px;}
.sub_example_wrap .example_cont .ex_find_wrap .ex_sort h4 {margin-bottom: 15px;color:#fff;font-size: 20px;font-weight:400;}
.sub_example_wrap .example_cont .ex_find_wrap .ex_sort .btn_radio_list {margin:0 0 0 1px;}
.sub_example_wrap .example_cont .ex_find_wrap .ex_sort .btn_radio_list .btn_radio {padding:0;margin-left:-1px;margin-top:-1px;}
.sub_example_wrap .example_cont .ex_find_wrap .ex_sort .btn_radio_list .btn_radio input {width:100%;left:0;}
.sub_example_wrap .example_cont .ex_find_wrap .ex_sort .btn_radio_list .btn_radio input + label {height:35px;padding:0 15px;background:#2c83e0;color:#fff;border-color:#fff;border-width:1px;line-height:33px;font-size:13px;}
.sub_example_wrap .example_cont .ex_find_wrap .ex_sort .btn_radio_list .btn_radio input:checked + label {background:#fff;color:#2c83e0;font-weight:700;}

.trouble_list{overflow: hidden}
.trouble_list .trouble_l{float: left; width: 110px; margin-right: 10px; padding-top: 6px; text-align: left;}
.icon_trouble01{display: inline-block; height: 27px;padding: 0 7px;line-height: 27px;color: #0087a4;text-align: center;font-size: 12px; font-weight: 600; border: 1px #0087a4 solid; border-radius: 20px; min-width: 65px;}
.icon_trouble02{display: inline-block; height: 27px;padding: 0 7px;line-height: 27px;color: #1868d6;text-align: center;font-size: 12px; font-weight: 600; border: 1px #1868d6 solid; border-radius: 20px;}
.trouble_list .trouble_r{text-align: left}
.trouble_list .trouble_r .tit_trouble_num{font-size: 16px; font-weight: 600; color: #333; line-height: 150%}
.btn_t_view{display: inline-block; width: 21px; height: 21px; background:url('../../images/front/btn_t_view.png') no-repeat 0 0;}
.btn_t_view span{font-size: 0}
.sub_txt02{font-size:15px;font-weight:normal;margin-left: 8px;letter-spacing: -0.5px}
.sub_txt03{display:inline-block;font-size:24px;text-align:center;margin-bottom:35px}
.sub_txt03 strong a{color: #186ad0!important;}
.sub_txt03.mb0{margin-bottom: 0}

@media screen and (max-width:1220px){
	.sub_example_wrap .example_cont:before {height:334px}
	.sub_example_wrap .example_cont{height:250px}
	.sub_example_wrap .example_cont .ex_find_wrap {float:none;width:100%;padding-left:50px;padding-right:50px;}
	.sub_example_wrap .example_cont .ex_find_wrap .ex_search {width:calc(100% - 215px);}
	.sub_example_wrap .example_cont .ex_find_wrap .ex_sort_wrap {display:flex;flex-wrap:wrap;}
	.sub_example_wrap .example_cont .ex_find_wrap .ex_sort {flex:1;flex-basis:auto;}
	.sub_example_wrap .example_cont .ex_find_wrap .ex_sort:last-child {width:auto;}

	.sub_example_wrap .example_cont h4.tit_list{float:inherit;width:100%;margin-bottom: 10px;padding-top: 18px;}
	.sub_example_wrap .example_cont h4.tit_list span{display:inline-block;}
}
@media screen and (max-width:800px){
	.sub_example_wrap .example_cont:before {height:450px}
	.sub_example_wrap .example_cont{height:380px;padding: 20px 0 0 30px}
	.sub_example_wrap .example_cont .ex_find_wrap {padding:50px 30px 40px;}
	.sub_example_wrap .example_cont .ex_find_wrap h3 {font-size:26px;}
	.sub_example_wrap .example_cont .ex_find_wrap .ex_search {padding-left:60px;}
	.sub_example_wrap .example_cont .ex_find_wrap .ex_sort_wrap {margin-left:0}
	.sub_example_wrap .example_cont .ex_find_wrap .ex_sort h4 {font-size:18px;}
	.sub_example_wrap .example_cont .ex_find_wrap .ex_sort {flex-basis:100%;padding-left:0;margin-top:20px;}
	.sub_example_wrap .example_cont .ex_find_wrap .ex_sort:first-of-type {margin-top:0;}
	.sub_example_wrap .example_cont h4.tit_list{padding-left:0;background:none}
}
@media screen and (max-width:600px){
	.sub_example_wrap .example_cont:before {height:450px}
	.sub_example_wrap .example_cont{height:400px;padding: 20px 0 0 30px}
	.sub_example_wrap .example_cont .ex_find_wrap .ex_search {position:relative;width:100%;margin-top:10px;padding-left:0;}
	.sub_example_wrap .example_cont .ex_find_wrap .ex_search_inner {margin-bottom:10px;}
	.sub_example_wrap .example_cont .ex_find_wrap .ex_search_inner:before {display:none;}
	.sub_example_wrap .example_cont .ex_find_wrap .ex_sort_wrap {display:flex;flex-wrap:wrap}
	.sub_example_wrap .ex_find_top .ex_search{width: 80%;}
}

/* 신청서류 */
.requir_apply{margin-bottom: 10px}
.requir_apply span{background: url(../../images/front/icon/icon_dot.png) no-repeat 0 6px; padding-left: 10px}
.requir_apply select{width: 300px}

/* 수수료계산 */
.charge_box{background: #f4f4f4;height:100px; line-height:100px; text-align: center;}
.charge_box p{display: inline-block;padding-left: 60px;background: url(../../images/front/img_stamp.png) no-repeat 0 27px;font-size: 15px;}

.table_bordered{border-top: 2px solid #333;font-size: 15px;color: #6b6b6b;line-height: 1.2; margin-bottom: 25px}
.table_bordered th{padding: 10px;background: #f4f4f4;border: 1px solid #e5e5e5;color: #222;font-weight: 400;line-height: 1.2; text-align: left;}
.table_bordered td{padding: 10px;border: 1px solid #e5e5e5;}

/* 뎁스맵 추가 */
.bread_crumb .bread_crumb_menu .current span{position: relative;padding: 0 125px 0 20px;font-size: 16px;line-height: 53px;color: #fff;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;text-align: left;vertical-align: top;}

/* 사례집 */
.case_area .bx-wrapper{box-shadow: 0 0 0 #fff!important; border-right: 1px #ddd solid;}
.case_area .bxslider li{border: 1px #ddd solid; }
.case_area .bx-wrapper img {height: 380px!important;}
.bx-wrapper .bx-prev{left: 0!important;background: url(../../images/front/icon/case_btn_l.png) no-repeat 0 0!important;}
.bx-wrapper .bx-next{right: 0!important;background: url(../../images/front/icon/case_btn_r.png) no-repeat 0 0!important;}
.bx-wrapper .bx-controls-direction a {width: 47px!important;height: 67px!important; z-index: 9!important;}

.case_btn_area{text-align: right}
.case_btn_area ul{overflow: hidden;display: inline-block;}
.case_btn_area li{float:left;margin-right: 5px;}
.case_btn_area li a{display: inline-block;width: 30px; height: 30px;font-size:0}
.case_btn_area li a.casebtn_pre{background: url(../../images/front/icon/case_btn_pre.png) no-repeat 0 0}
.case_btn_area li a.casebtn_stop{background: url(../../images/front/icon/case_btn_stop.png) no-repeat 0 0}
.case_btn_area li a.casebtn_play{background: url(../../images/front/icon/case_btn_play.png) no-repeat 0 0}
.case_btn_area li a.casebtn_next{background: url(../../images/front/icon/case_btn_next.png) no-repeat 0 0}

/* 찾아오시는길 */
.map_area{}
.map_area .map_section{overflow: hidden;margin-bottom:60px;}
.map_area .map_section .map_tit{float:left;width:27%}
.map_area .map_section .map_cont{float:right;width:70.2%;}
.map_area .map_section .map_tit .tit_company{font-size: 25px; font-weight: 600; color: #333; background:url('../../images/front/icon_map.png') no-repeat 0 0; padding: 75px 0 30px 0; border-bottom: 1px #d6d6d6 solid; margin-bottom:20px;margin-top:40px;}
.map_area .map_section .map_tit .map_add dt{font-size: 18px; font-weight: 600; color: #186acc; margin-bottom: 10px}
.map_area .map_section .map_tit .map_add dd{font-size: 16px; margin-bottom: 17px; line-height: 140%}
.map_area .map_section .map{border: 1px #ddd solid}
.map_area .map_section .map img{width:840px;height:550px;}
.map_area .map_section .map_tit .tit{font-size: 22px; font-weight: 600; color: #333;padding:0 0 0 65px;line-height:50px;letter-spacing: -0.7px}
.map_area .map_section .map_tit .tit.map_icon01{background:url('../../images/front/icon_public01.png') no-repeat 0 5px;}
.map_area .map_section .map_tit .tit.map_icon02{background:url('../../images/front/icon_public02.png') no-repeat 5px 0;}
.map_area .map_section .map_tit .tit.map_icon03{background:url('../../images/front/icon_public03.png') no-repeat 5px 0;}
.map_area .map_section .map_tit .tit.map_icon04{background:url('../../images/front/icon_public04.png') no-repeat 5px 0;}
.map_cont .public_txt li{font-size:15px;line-height:150%}
.map_cont .public_txt li.txt_bold{margin-top:15px;font-weight:600;color: #333;}
.map_cont .public_txt02 > li{font-size:15px;line-height:150%;padding: 5px 0}
.map_cont .public_txt02 > li .map_step{display: inline-block;font-weight:600;color: #fff;background-color:#53a100;border-radius:30px;padding:3px 10px;margin:3px 5px 3px 0}
.map_cont .public_txt02 > li >ul{padding-left:20px}
.txt_note{font-size:15px;color:#f13420;margin-top:20px;line-height:150%}
@media screen and (max-width:1000px){
	.map_area .map_section .map_tit{float: inherit; width: 100%; margin-top: 0;margin-bottom:30px}
	.map_area .map_section .map_cont{float: inherit; width: 100%;}
	.map_area .map_section .map img{width: 100%;height:auto}
}
@media screen and (max-width:540px){
	.map_area .map_section .map_tit .tit_company {font-size: 20px}
	.map_area .map_section .map_tit .map_add dt {font-size: 16px;margin-bottom: 8px}
	.map_area .map_section .map_tit .tit{font-size: 18px;padding: 0 0 0 55px;line-height:42px}
	.map_area .map_section .map_tit .tit.map_icon01{background-size:40px}
	.map_area .map_section .map_tit .tit.map_icon02{background-size:35px}
	.map_area .map_section .map_tit .tit.map_icon03{background-size:35px}
	.map_area .map_section .map_tit .tit.map_icon04{background-size:35px}
	.map_cont .public_txt li{font-size:14px}
	.map_cont .public_txt li a.btn_agree{height:35px;padding: 0 7px;line-height:33px;margin:0 3px 3px 0}
	.map_cont .public_txt li a.btn_agree span{font-size: 13px;padding-right:0;background:none}
}

/* 이용안내 */
.agree_wrap .head_type5{font-size: 21px;}
.tit_agree01{font-size: 15px; line-height:150%}
.tit_agree02{font-size: 16px;color: #222;font-weight: 600; margin-bottom: 10px}
.agree_btn{text-align: center}
.red_point_txt{color: #e74c3c;}
.img_open{display: inline-block;width: 100px;vertical-align: middle}
.tit_tel{padding-right: 20px}
.h70 li{height: 80px!important;}

.agree_wrap .list_agree{margin-bottom: 10px}
.agree_wrap .list_agree li{position: relative;font-size: 15px;padding-left: 13px;line-height:1.6;background:url('../../images/front/icon/icon_dot.png') no-repeat 0 9px;}
.agree_wrap .list_agree li ul{overflow: hidden; margin-top: 15px}
.agree_wrap .list_agree li ul li{float: left;width: 48%;height: 110px; border: 1px #ddd solid;padding: 20px; margin: 0 1%; background:none; text-align: center; margin-bottom: 15px}
.agree_wrap .list_agree li li p{color: #3080df; font-size: 16px; font-weight: 600}
.agree_wrap .list_agree02 li{padding: 20px 0;font-size: 15px;line-height:1.6;}

.agree_wrap .list_agree03{margin-left: 20px; margin-bottom: 30px;line-height: 130%; border: 1px solid #c8c8c8; padding: 20px; background-color: #f8f8f8;}
.agree_wrap .list_agree03 li{padding:3px 0 5px 0}
.agree_wrap .list_agree03 li li{margin-left: 20px;}
.agree_wrap .list_agree03 .tbl_list_wrap th{text-align: center}

.agree_btn{margin-top: 10px}
.btn_agree{display: inline-block;vertical-align: middle; height:37px;padding:0 15px 0 13px;border:1px solid #1e77da;line-height:34px;margin-right: 5px}
.btn_agree span{display: inline-block; font-size:15px;font-weight:700;color:#1e77da;background-color:#fff; padding-right: 18px; background:url('../../images/front/icon/icon_arrow.png') no-repeat right 14px;vertical-align:middle;}
.btn_down02{display: inline-block;vertical-align: middle; height:37px;padding:0 15px 0 13px;border:1px solid #1e77da;line-height:34px;margin-right: 5px}
.btn_down02 span{display: inline-block; font-size:15px;font-weight:700;color:#1e77da;background-color:#fff;padding-left: 28px; background:url('../../images/front/icon/icon_down.png') no-repeat 0 6px; background-size: 22%; vertical-align:middle;}

.agree_wrap .agree_box{border: 1px #ddd solid; padding: 20px; line-height: 150%; margin-bottom: 20px; border-radius: 0}
.agree_wrap .agree_box.icon01{background:url('../../images/front/icon/icon_agree.png') no-repeat 30px 30px}
.agree_wrap .agree_box.icon01 li{margin-left: 100px}
.agree_wrap .agree_box02{line-height: 150%; padding: 32px 20px 26px 140px; margin-bottom: 30px}
.agree_wrap .agree_box02.icon01{background:url('../../images/front/icon/icon_agree02.png') no-repeat #f4f4f4 45px 30px}
.agree_wrap .agree_box02.icon02{background:url('../../images/front/icon/icon_agree03.png') no-repeat #f4f4f4 45px 30px}
.agree_wrap .agree_box02 p{font-size: 15px;color: #283043;}

@media screen and (max-width:1000px){
	.agree_wrap .list_agree li ul li{height: 140px}
}
@media screen and (max-width: 600px){
	.agree_wrap .head_type5{font-size: 18px;}
	.agree_wrap .list_agree li{position: relative;font-size: 14px}
	.agree_wrap .list_agree li ul{margin-left: -20px}
	.agree_wrap .list_agree li ul li{float:inherit;width: auto; height: 100px;}
	.agree_wrap .agree_box02{padding: 32px 20px 26px 20px;}
	.agree_wrap .agree_box02.icon01{background:url('../../images/front/icon/icon_agree02.png') no-repeat #f4f4f4 -10000px 30px}
	.agree_wrap .agree_box02.icon02{background:url('../../images/front/icon/icon_agree03.png') no-repeat #f4f4f4 -10000px 30px}
	.agree_wrap .agree_box02 p{font-size: 13px}
	.tit_agree01 {font-size: 14px;line-height: 140%;margin-bottom:20px}

	.agree_wrap .agree_box.icon01 {background: url(../../images/front/icon/icon_agree.png) no-repeat -10000px 30px}
	.agree_wrap .agree_box.icon01 li{margin-left: 0}
}

.viewer_wrap {overflow:hidden;padding:48px 50px;margin-top:35px;background:#f5f5f5;}
.viewer_wrap .viewer_list {margin:-10px 0 0 -10px;}
.viewer_wrap .viewer_list:after {clear:both;display:block;content:"";}
.viewer_wrap .viewer_list > li {float:left;width:360px;margin:10px 0 0 10px;}
.viewer_wrap .viewer_list > li > a {position:relative;display:block;height:50px;padding:0 35px 0 20px;background:#fff;border:1px solid #d9d9d9;line-height:48px;font-size:16px;color:#555;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;}
.viewer_wrap .viewer_list > li > a:after {content:"";position:absolute;top:50%;right:15px;width:22px;height:22px;margin-top:-11px;background:url('../../images/front/icon/icon_legdoc_arr.png') no-repeat 0 0;background-size:100%;}
.viewer_wrap .viewer_list > li > a:hover:after {background-image:url('../../images/front/icon/icon_legdoc_arr_on.png');}
.viewer_wrap .viewer_list > li.col2 {width:547px;}
@media screen and (max-width:1200px){
	.viewer_wrap .viewer_list > li {width:50%;margin-left:0;padding-left:10px;}
	.viewer_wrap .viewer_list > li.col2 {width:50%;}
}
@media screen and (max-width:800px){
	.viewer_wrap .viewer_list > li {width:100%;}
	.viewer_wrap .viewer_list > li.col2 {width:100%;}
}
@media screen and (max-width:600px){
	.viewer_wrap{padding:20px;}
	.viewer_wrap .viewer_list > li > a {font-size:14px;}
}

/* 공통 */
.mt50{margin-top: 50px}
.mt30{margin-top: 30px}
.mt20{margin-top: 20px}
.mt10{margin-top: 10px}
.align_l{text-align: left!important;}
.btn_wrap .btn{padding: 0 25px;}
.contents_head .btn_print{position: absolute;top:40px;right:0}
.pop_content_area .tbl_view_wrap > ul > li dt{width: 23%;}
.tit_chair_num{display:inline-block; width:47px; height:45px;line-height:45px;font-size: 14px; font-weight: 600; text-align:center; color:#186acd; border: 1px #186acd solid; border-radius: 50%}
.txt_chair{line-height: 160%}
.color_pointr{color: #e74c3c;}
.textarea_knowhow{width: 100%; border: 1px #b9b9b9 solid;padding:5px}
.txt_fee{display:inline-block;color: #e74c3c;padding-top:10px}

.etiquette_list .img img {height: 260px;border-bottom: 1px solid #ddd;}
.movie_area img {height: 260px;}

.head_type5 .color_org2{font-size: 18px}
.btn_radio_list .btn_radio_list .btn_radio input + label {letter-spacing: -0.5px}
.requir_doc_state .file_upload_wrap{padding: 10px 0!important;}
.etiquette_list .movie_area .btn_play{width: 70px;height: 70px;margin: -30px 0 0 -30px;}
@media screen and (min-width: 1025px){
	.campaign_movie_wrap .movie_area_inner .movie_area{height: 363px;}
	}

/* 자동등록방지  */
.uninsert_box img{width: 250px;}
.uninsert_box input{width: 230px}
.uninsert_box #refreshBtn{display:inline-block;height:31px;color:#fff;border:1px solid #969696;background:#9d9d9d;border-radius:3px;vertical-align:middle;margin-left:3px;line-height:29px;text-align:center;padding: 0 5px}

/* 메인 */
.time_line .time_box .tit {font-size: 16px!important;}
.time_line .time_box{height: 90px!important;}
.time_line .time_box .date {font-size: 13px!important;}
.campaign_list_wrap .campaign_list > li img{width:280px;height:180px;border: 1px solid #ccc;}

.trouble_area{border: 1px #dbdbdb solid}
.trouble_area .trouble_tit_area{height:48px; background: #f4f4f4; padding-right:15px; text-align: right;}
.trouble_area .trouble_tit_area .tit{padding-top: 16px}
.trouble_area .trouble_tit_area .tit span{font-size: 13px; background: url(../../images/front/main/icon_arr_blue4.png) no-repeat 0 4px; padding-left: 13px; margin-right: 7px}
.trouble_area .trouble_tit_area .tit a.btn_t_more{background:#fff; border: 1px #ccc solid; padding:7px 8px 7px 8px; border-radius: 3px;}
.trouble_area .trouble_tit_area .tit a.btn_t_more span{font-size: 13px; color: #363636; background: url(../../images/front/main/icon_arr_blue5.png) no-repeat right 3px; padding-left: 0; padding-right:12px; margin-right: 0}
.trouble_area .trouble_img{text-align: center; height: 168px; padding-top: 28px}
.trouble_area .trouble_img img{width:558px;}

.slide_pagination02{position:absolute;bottom:107px;left:50%;transform:translateX(-600px);-webkit-transform:translateX(-600px);-ms-transform:translateX(-600px);font-size:0;z-index:1;}
.slide_pagination02 button{position:absolute;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);background-repeat:no-repeat;background-position:0 0;background-size:100%;z-index:9;}
.slide_pagination02 button.slide_stop{display:inline-block;width: 13px;height: 13px;background: url(../../images/front/main/icon_btn_pause.png) no-repeat 0 0;font-size:0}
.slide_pagination02 button.slide_play{display:inline-block;width: 13px;height: 13px;background: url(../../images/front/main/icon_btn_play.png) no-repeat 0 0;font-size:0;left:23px}
@media screen and (max-width:1400px){
	.slide_pagination02{transform:translateX(-500px);-webkit-transform:translateX(-500px);-ms-transform:translateX(-500px);}
}
@media screen and (max-width:1200px){
	.main_visual_slide_wrap .slide_pagination02{left:15%;transform:translateX(0);-webkit-transform:translateX(0);-ms-transform:translateX(0);}
}
@media screen and (max-width:1100px){
	.slide_pagination02{bottom:210px;}
}
@media screen and (max-width:800px){
	.slide_pagination02{bottom:70px;}
}

@media screen and (max-width: 1000px){
	.campaign_list_wrap .campaign_list > li img{min-width:100%;}
}
@media screen and (max-width: 600px){
	.campaign_list_wrap .campaign_list > li img{min-width:100%}
	.trouble_area .trouble_img img{width: 95%;}

	.contents_head .sub_txt{width: 80%;}
	.btn_radio_list .btn_radio{padding: 0!important;margin-top: 5px!important;}

	/* 뎁스메뉴 */
	.bread_crumb {z-index: 200;}
	.bread_crumb .bread_crumb_menu.depth1{display: none!important;}
	.bread_crumb .bread_crumb_menu.depth2{display: inherit!important; width: 100%!important;}

	.tit_chair_num{width:33px; height:33px;line-height:33px;font-size: 12px;}
}


/* 리스트검색 */
.board_top_tab{overflow: hidden; margin-bottom: 15px}
.board_top_tab li a{float: left; position: relative;display: block; padding: 10px 15px; margin-right:5px; line-height: 15px; text-align: center;font-size: 15px; color: #2c83e0; border:1px #2c83e0 solid; border-radius: 4px; white-space: nowrap;text-overflow: ellipsis;}
.board_top_tab li.on a{color: #fff; background: url('../../images/front/common/tab_top.png') no-repeat center bottom #2c83e0}

.search_area{overflow: hidden; background-color: #f4f4f4; padding:20px; margin-bottom: 20px;}
.search_area .all_board{float: left; font-size:15px; background: url('../../images/front/common/icon_list.png') no-repeat 0 5px; padding-left: 9px; margin-top: 13px;}
.search_area .all_board span{color: #e94c3d; font-weight: 600}
.search_area .search_box{float: right;}

.search_box input{display: inline-block; width: 200px; height: 40px; border: 1px solid #d4d4d4; font-size: 15px;}
.search_box select{display: inline-block; width: 100px; height: 40px; border: 1px solid #d4d4d4; font-size: 15px;}
.search_box label{display: none;}
.search_box .btn.sch{ height: 40px; line-height: 24px; border: none; font-size:15px; color:#fff; text-align:center; background-color:#004597; cursor: pointer; padding:10px 15px;}
.search_box .btn_reset{ height: 32px; line-height: 24px; border: none; font-size:14px; color:#fff; background: no-repeat 10px 10px #5e667a; cursor: pointer; padding: 0 10px 0 10px; margin-bottom:3px}

.map_search label{ display: inline-block; position: relative; overflow: hidden;  top:0; left: 0; width: auto; height: auto; font-size: 13px; text-indent: 0; line-height: 100%;}
.map_search label span{font-weight: 600; background: url('../../images/front/common/icon_list.png') no-repeat 0 7px; padding-left: 7px;}
.map_search .map_s{ width: 180px; margin-right: 20px}

/* 리스트 */
.list_num_area{ margin-bottom: 10px}
.list{width:100%; border-collapse:collapse; margin-bottom: 20px}
.list thead tr th{border-top: 2px solid #151515;}
.list th{padding:17px 5px; border-bottom:1px solid #c7c7c7; text-align:center; font-size:15px; font-weight:600; color: #333}
.list td{padding:15px 10px; border-bottom:1px solid #e1e1e1; font-size:15px; text-align:center; vertical-align:middle;}
.list td.subject{text-align:left}
.list td.subject a{display:inline; color: #333}
.list td.subject a:hover{color: #014f97; text-decoration: underline}
.list td img{margin-left:5px;vertical-align: middle;width: auto;}
.list tbody tr:hover{background-color:#f1f8fd;}
.list_notice{background-color:#f5f5f5;}
.list_notice:hover{background-color:#f5f5f5!important;}
.btn_list_down{ display: inline-block; border: 2px solid #ec7706;background: #fff; padding: 5px 8px; border-radius: 5px}
.btn_list_down span{ font-size: 13px; font-weight: 600; color: #ea6300;}
.btn_list_down a:hover{ text-decoration: none}

/* 페이징*/
.paging_area_wrap{overflow: hidden; margin-top:25px; text-align:center;}
.paging_area_wrap .paging_area{display: inline-block;}
.paging_area_wrap select{display: inline-block; width: 80px; height:35px; border-radius: 3px; margin-left: 5px}
.paging_area {position:relative;}
.paging_area a,.paging_area strong{display:inline-block; width:20px; height:33px; text-align:center; font-size:13px; line-height:33px; vertical-align:middle;}
.paging_area a.stimg{width:34px!important; height:34px!important;}
.paging_area a:hover{color: #015997;}
.paging_area strong{ color: #1b7abd; font-weight: 800}
.paging_area span.page_btn {display:inline-block;margin:0 5px}
.paging_area span.page_btn a{ display: inline-block; width:33px; height:33px;font-size:0;line-height:0;text-indent:100%;}
.paging_area span.page_btn a.btn_first{ background: url('../../images/front/common/btn_list_pre02.png') no-repeat 0 0;}
.paging_area span.page_btn a.btn_pre{ background: url('../../images/front/common/btn_list_pre.png') no-repeat 0 0;}
.paging_area span.page_btn a.btn_next{ background: url('../../images/front/common/btn_list_next.png') no-repeat 0 0;}
.paging_area span.page_btn a.btn_end{ background: url('../../images/front/common/btn_list_next02.png') no-repeat 0 0;}

/* 리스트상세 */
.list_view{width:100%; margin-bottom: 20px; border-top: 2px solid #151515; }
.list_view .subject_area{padding:15px 10px; border-bottom:1px solid #e1e1e1; vertical-align:middle;background-color: #f4f4f4; padding: 20px}
.list_view .subject_area p.tit{ font-size: 16px; font-weight: 600; color:#333; margin-bottom: 10px}
.list_view .subject_area span.tit_notice{ margin-right: 7px}
.list_view .subject_area ul{ overflow: hidden}
.list_view .subject_area li{ display:inline-block; font-size: 13px; padding: 0 8px 0 13px; background: url('../../images/front/common/top_line02.gif') no-repeat 0 2px }
.list_view .subject_area li:first-child{ padding: 0; background: none}
.list_view .view_con{ padding: 30px 20px; line-height: 150%; border-bottom:1px solid #e1e1e1;}
.list_view .list_view_file{ padding: 10px; border-bottom:1px solid #e1e1e1;}
.list_view .subject_area .tit_notice{padding: 4px 7px!important; border-radius: 100px!important;}

.list_view_bottom{border-top:1px solid #e1e1e1;}
.list_view_bottom li{border-bottom:1px solid #e1e1e1; vertical-align:middle;}
.list_view_bottom li a{display:inline-block; white-space: nowrap; text-overflow: ellipsis; vertical-align: middle; margin-left: 20px}
.list_view_bottom li strong{ display: inline-block; width: 180px; background-color: #f4f1ec!important; padding: 16px 0; text-align: center; vertical-align: middle}
.list_view_bottom li.prev strong{background: url('../../images/front/sub/list_view_pre.png') no-repeat 25% center}
.list_view_bottom li.next strong{background: url('../../images/front/sub/list_view_next.png') no-repeat 25% center}

.t_line{border-top: 2px solid #151515;}
table.write {width: 100%; margin-bottom: 20px}
	table.write tbody th.first,
	table.write tbody td.first {}
	table.write tbody th.alignc,
	table.write tbody td.alignc {text-align: center;}
	table.write tbody th {padding: 8px 12px 8px 15px; border-bottom: 1px solid #dbdbdb; border-left: 0; font-size: 14px; font-weight: 600; color: #333; text-align: left; line-height: 1.5em; vertical-align: middle; background-color: #f4f4f4;}
	table.write tbody td {padding: 8px 8px; border-bottom: 1px solid #dbdbdb; border-right: 0; font-size: 13px; color: #666; line-height: 1.4em; text-align: left; vertical-align: middle; word-break: break-all;}
	table.write tbody th.th_non {padding:0!important;}
	table.write tbody td.td_non {padding:0!important;}
table.write tbody td input.input_w{ border: 1px #b9b9b9 solid; padding: 4px;}
table.write td .in_w100{ border: 1px #b9b9b9 solid; padding: 2px; width: 80%}
table.write tbody td .select_w{ border: 1px #b9b9b9 solid; padding: 4px; height: 32px; line-height: 32px; vertical-align:middle; }
table.write tbody td.view_con{ padding: 30px 10px;}
table.write textarea#contents{ border: 1px #b9b9b9 solid;}
#attach_file .file_area a span img{width: auto;}


/* 버튼 */
.list_btn_area{ text-align: right; margin-bottom: 20px}
.btn_nomal{ display: inline-block; margin-left:3px}
.btn_nomal a{ display: inline-block; background-color: #4b4b4b; padding: 14px 27px}
.btn_nomal a span{ color: #fff}
.btn-secondary{background-color: #4b4b4b; padding: 14px 27px;color: #fff;margin-bottom:10px}
.list_view_file a:hover{ color: #ff4040}
.list_view_file .file_down{ display: inline-block; height: 29px; background: url('../../images/front/sub/icon_down.png') no-repeat 0 0; padding-left: 25px; margin-right: 20px}
.list_view_file .file_down span{ line-height: 29px; text-decoration: underline}
button.btn_nomal{ display: inline-block; background-color: #4b4b4b; padding: 10px 25px}
button.btn_nomal span{ color: #fff}

/* 만족도 등록*/
.satisfaction_area{ overflow: hidden; border:1px #eaeaea solid; margin-top: 80px}
.satisfaction_area .satisfaction_txt{overflow: hidden; display:block; background-color: #f5f5f5; padding:20px 10px 15px 15px; vertical-align: middle; }
.satisfaction_area .satisfaction_txt li{float: left; font-size:14px; margin-right: 20px}
.satisfaction_area .satisfaction_txt li span{font-weight: 600; background:url('../../images/front/icon/icon_dot.png') no-repeat 0 7px; padding-left: 10px;margin-right:5px}

.satisfaction_radio_area{overflow: hidden; padding: 15px 20px;}
.satisfaction_radio_area .satis_tit{float:left; font-size: 15px; color:#222; background:url('../../images/front/icon_satis.png') no-repeat 0 0; padding-left: 42px;margin-right: 20px;height: 40px;line-height: 35px;}
.satisfaction_radio_area .satis_star{overflow: hidden; float: left; padding: 10px 0 10px 10px;}
.satisfaction_radio_area .satis_star li{ float: left;}
.satisfaction_radio_area .satis_star li label{margin-right: 10px}

.satisfaction_area button.satisfaction{padding: 6px 10px;font-size: 13px;color: #ffffff;vertical-align: middle;background-color: #444;margin-top: 5px;}

@media screen and (max-width:600px){
	.satisfaction_area .satisfaction_txt li{line-height: 150%;}
	.satisfaction_radio_area .satis_tit{height: 35px;line-height: 130%;}
}

/* FAQ */
dl.faqs {border-top:2px #333 solid}
	dl.faqs dt, dl.faqs dd {padding: 0; margin: 0;}
	dl.faqs dt {position: relative; padding: 20px 50px 20px 65px; border-bottom: 1px solid #dcdcdc; font-size: 15px; color: #333333; background: url('../../images/front/icon/icon_q.png') no-repeat 20px 11px #ffffff;}
	dl.faqs dt:hover {color: #35509e; font-weight: 600; cursor: pointer; text-decoration: underline;}
	dl.faqs dt a.btn_fold {position: absolute; width: 15px; height: 9px; top: 22px; right: 15px; background: url('../../images/front/icon/faq_minus.png') no-repeat 0px 0px #ffffff;}
	dl.faqs dt a.btn_open {position: absolute; width: 15px; height: 9px; top: 22px; right: 15px; background: url('../../images/front/icon/faq_plus.png') no-repeat 0px 0px #ffffff;}
	dl.faqs .hover {color: #990000; text-decoration: underline;}
	dl.faqs dd {position: relative; padding: 30px 40px 20px 90px; border-bottom: 1px solid #cfcfcf; font-size: 14px; color: #333333; background: url('/images/front/icon/icon_a.png') no-repeat 21px 20px #f4f4f4;}
	dl.faqs dd .details {overflow: hidden;}
		dl.faqs dd .details p {margin-bottom: 10px; line-height:140%;}


/* 화면 해상도 width 640px 이하 Design --------------------------------------*/
@media screen and (max-width: 640px){
	/* 탭스타일 */
	.tab li{ float:left; min-width: 50%; margin: 0 0 0 -1px;}
	.tab_life{ text-align: center}
	.tab_life ul{ display: inline-block}
	.tab_life li{ width: 50%; background: none; margin-right: 0}

	/* 리스트검색 */
	.search_area{padding:20px; text-align: center;}
	.search_area .all_board{display: block; height:20px; margin-top: 0; padding-bottom: 10px}
	.search_area .search_box{float: none; position: relative; display: inline-block;}
	.search_box select{width: 60px;}
	.search_box inputP{width: 150px;}

	.map_search label{display: block; position: absolute; overflow: hidden;  top:0; left: 0; width: 0; height: 0; font-size: 0px; text-indent: -9999999999999px; line-height: 0}
	.map_search .map_s{width:100%;}

	/* 리스트 */
	.list colgroup{display:none}
	.list thead th{display:none;}
	.list tbody {border-top: 2px solid #151515;}
	.list tbody tr{display:block; padding:4px 0; border-bottom:1px solid #c7c7c7;}
	.list tbody tr:after{display:block; clear:both; content:"."; visibility:hidden; height:0;}
	.list tbody tr{display: block;}
	.list tbody td{display:block; float:left; clear:left; width:100%; padding: 3px 10px 3px 10px; border:none; font-size: 13px; text-align:left; box-sizing:border-box }
	.list tbody td.subject a{ font-weight:600}

	/* 리스트상세 */
	.list_view .subject_area{ background-color: #fbf9f2; padding: 10px}
	.list_view .subject_area li{ display:block; font-size: 13px; background: none; padding: 0; margin-bottom: 3px}
	.view_con{ padding:0; line-height: 150%; overflow-x: auto;}

	.list_view_bottom li a{ margin-left: 5px}
	.list_view_bottom li strong{ display: inline-block; width: 60px; background-color: #fbf9f2!important; padding: 12px 0; text-align: center; vertical-align: middle}
	.list_view_bottom li.prev strong{background:none}
	.list_view_bottom li.next strong{background:none}

	/* 버튼 */
	.list_btn_area{ text-align: right; margin-bottom: 20px}
	.btn_nomal{ display: inline-block; margin-left:1px}
	.btn_nomal a{ display: inline-block; background-color: #4b4b4b; padding: 8px 15px}
	.btn_nomal a span{ color: #fff}
	.list_view_file .file_down{ display: block; height: 29px; background: url('../../images/front/sub/icon_down.png') no-repeat 0 0; padding-left: 45px; margin-bottom:3px}
	.list_view_file .file_down span{ line-height: 29px; text-decoration: underline}

	/* 맵리스트 */
	.map_area{ position: relative}
	.map_area .map_l{width: 100%;padding-top: 690px}
	.map_area .map_r{width: 100%; position: absolute; top:0; left:0}
	.map_area .map_r .map_txt{ display: inline-block; width:100%; height: 80px; overflow-y: auto; margin-bottom: 20px}
	.map_area .map_l .map_list li{padding:10px 15px 8px 15px;}
	.map_area .map_l .map_list li a.tit_map{ font-size: 14px}

	/* 몸짓언어 */
	.sign_s_area{ position: relative; background: url('../../images/front/sub/bg_sign02.png') no-repeat 30px 20px #f5f5f5; padding: 25px 10px 25px 30px; margin-bottom: 30px}
	.sign_s_area .sign_s_in{ padding-left:0; padding-top: 50px}
	.sign_s_area .sign_s_in .sign_s_list{ overflow: hidden; margin-bottom: 10px; padding-bottom: 10px; background: url('../../images/front/common/line_dot02.png') repeat-x 0 bottom}
	.sign_s_area .sign_s_in .sign_s_list li{float: left; width: 47%;}
	.sign_s_area .sign_s_in .search_input {width:97%; margin-bottom:3px}
	.sign_s_area .sign_s_in .btn_search{width:98%; height: 32px; line-height: 24px; border: none; font-size:14px; color:#fff; background: url('../../images/front/common/icon_search.png') no-repeat 10px 10px #5e667a; cursor: pointer; padding: 0 10px 0 25px; margin-bottom:3px}
	.sign_area .sign_l{ float: left; width: 100%}
	.sign_area .sign_l .sign_movie{ width: 100%; height: 202px; background-color: #000; margin-bottom: 10px}

	.sign_area .sign_r{ float: right; width: 100%}

	.sign_con_area{overflow: hidden; border: 1px #ededed solid; background-color: #f9f9f9; margin-bottom: 15px; padding: 30px}
	.sign_con_area .sign_photo{display: inline-block; width: auto; text-align: center}
	.sign_con_area .sign_photo li{ display: inline-block; margin-right: 3px; margin-bottom: 5px}
	.sign_con_area .sign_word{ float: right; width: 100%}
	.sign_con_area .sign_word li strong{ display: inline-block; width: 40px; padding: 5px 0 5px 30px; vertical-align: middle; background: url('../../images/front/common/top_line.gif') no-repeat right 7px }
	.sign_con_area .sign_word li span{ display: inline-block; margin-left: 10px}
	.sign_con_area .sign_word li.word02 span{ display: block; margin: 0; line-height: 150%}
	.sign_con_area .sign_word li.word01{background: url('../../images/front/sub/icon_word01.png') no-repeat 0 4px}
	.sign_con_area .sign_word li.word02{background: url('../../images/front/sub/icon_word02.png') no-repeat 4px 4px}
	.sign_foot .list_btn_area{ float: none}

	/* 버튼 */
	.btn_nomal{ display: inline-block; width: 100%; margin-left:0; margin-bottom: 3px; text-align: center}
	.btn_nomal a{ display: inline-block; width: 100%; background-color: #4b4b4b; padding: 8px 0}
	.btn_nomal a span{ color: #fff}
	button.btn_nomal{ display: inline-block; width: 100%; background-color: #4b4b4b; padding: 10px 25px}
	button.btn_nomal span{ color: #fff}

	/* 설문조사 */
	.survey_area .survey_top{ padding: 20px 20px 10px 20px; background: #f5f5f5; margin-bottom: 10vpx}
	.survey_area .survey_top h3{background-color: #fff; border: 5px #e7e7e7 solid; padding: 15px; margin-bottom: 20px; text-align: center}
	.survey_area .survey_top .survey_info{ padding-left: 0; line-height: 140%;}
	.survey_area .survey_top .survey_info dl{ overflow: hidden; position: relative; }
	.survey_area .survey_top .survey_info dt{ float: none; font-weight: 600; color: #444; width: 80px; background: url('../../images/front/common/icon_list.png') no-repeat 0 10px; padding-left: 7px}
	.survey_area .survey_top .survey_info dd{ color: #666; margin-left: 0; margin-bottom: 10px}

	/* 사이트맵 */
	.site_wrap {}
	.site_wrap .site_in{ display: inline-block;}
	.site_wrap dl { float:left; width:100%; margin-bottom: 20px}
	.site_wrap dt { font-size:15px; font-weight:600; color:#222; padding:10px; margin-bottom:5px; border:2px #409ede solid; border-radius:5px; text-align: left}
	.site_wrap dd { padding:8px 15px 8px 0; border-bottom:1px #e8e9ea solid; text-align: left}
	.site_wrap dd a { font-size:13px; color:#444; padding-left:10px;}

	/* 가이드북 */
	.book_wrap{ overflow: hidden}
	.book_wrap .book_bg{ width: 100%; height: 380px; display: block; position: relative;}
	.book_wrap .book_bg.bg01{background: url('../../images/front/book/g01/book_bg.png') no-repeat 0 0;}
	.book_wrap .book_bg.bg02{background: url('../../images/front/book/g02/book_bg.png') no-repeat 0 0;}
	.book_wrap .book_bg.bg03{background: url('../../images/front/book/g03/book_bg.png') no-repeat 0 0;}
	.book_wrap .book_bg.bg04{background: url('../../images/front/book/g04/book_bg.png') no-repeat 0 0;}
	.book_wrap .book_bg.bg05{background: url('../../images/front/book/g05/book_bg.png') no-repeat 0 0;}
	.book_wrap .book_bg.bg06{background: url('../../images/front/book/g06/book_bg.png') no-repeat 0 0;}
	.book_wrap .book_bg .btn_bookview{ position: absolute; top:340px; right:0; width: 100%; height: 50px; line-height: 50px; text-align: right; padding-right: 20px;}
	.book_wrap .book_bg .btn_bookview.btn_bg01{background-color: #64b373;}
	.book_wrap .book_bg .btn_bookview.btn_bg02{background-color: #81c347;}
	.book_wrap .book_bg .btn_bookview.btn_bg03{background-color: #5ec6bf;}
	.book_wrap .book_bg .btn_bookview.btn_bg04{background-color: #ea746b;}
	.book_wrap .book_bg .btn_bookview.btn_bg05{background-color: #fec039;}
	.book_wrap .book_bg .btn_bookview.btn_bg06{background-color: #e77b8b;}
	.book_wrap .book_bg .btn_bookview span{ font-size: 20px; font-weight: 600; color: #fff; background: url('../../images/front/book/g01/btn_icon.png') no-repeat right 0; padding-right: 25px}
	.book_wrap .book_bg a:hover{ text-decoration: none!important; color: #fff!important;}
	.book_wrap .book_con{ margin-top:20px }
	.book_wrap .book_con .book_tit{ margin-bottom: 20px; padding-top: 20px}
	.book_wrap .book_con .book_tit .tit img{ width: 200px; margin-bottom: 20px}
	.book_wrap .book_con .book_tit .tit_con{ font-size: 13px; color: #6f6563; line-height: 150%}
	.book_wrap .book_con .txt_list{ font-size: 16px; font-weight: bold; color: #555659; margin-bottom: 20px}
	.book_wrap .book_con .book_list{text-align: center}
	.book_wrap .book_con .book_list ul{ display: inline-block; width: 260px;}
	.book_wrap .book_con .book_list li{ float: left; width: 106px; display: inline-block; text-align: center; margin-bottom: 20px; padding: 0 6px}
	.book_wrap .book_con .book_list li span{ display: inline-block; font-size: 15px; font-weight: 600; margin-top: 10px}

	.book02_wrap{border: 1px #dad0c9 solid; padding-bottom: 30px}
	.book02_wrap .book_top{ overflow: hidden; background: url('../../images/front/book/support01/book_bg.png') no-repeat 0 -130px; margin-bottom: 10px}
	.book02_wrap .book_top .book_area{ position: relative; float: left; margin: 30px 0 0 10px; }
	.book02_wrap .book_top .book_area img{ width: 250px;}
	.book02_wrap .book_top .book_area .btn_view img{ width:80px; height: 80px; display: inline-block; position: absolute; top:128px; left:10px}
	.book02_wrap .book_top .book_tit{ padding: 20px}
	.book02_wrap .book_top .book_tit .tit{margin-bottom: 25px}
	.book02_wrap .book_top .book_tit .tit img{ width: 200px}
	.book02_wrap .book_top .book_tit .tit_con{font-size: 13px; color: #4f4a4a; line-height: 190%}

	.book02_wrap .book_con .txt_list{display: inline-block; font-size: 16px; font-weight: bold; color: #555659;  margin:0 0 20px 20px;}
	.book02_wrap .book_con .book_list{ text-align: center}
	.book02_wrap .book_con .book_list ul{ display: inline-block;}
	.book02_wrap .book_con .book_list li{ width: 106px; display: inline-block; text-align: center; margin-bottom: 20px; padding:0 10px; vertical-align: top}
	.book02_wrap .book_con .book_list li span{ display: inline-block; font-size: 15px; font-weight: 600; padding-top: 10px}

	.book03_wrap{ overflow: hidden; margin-bottom: 50px}
	.book03_wrap .book_top{ position: relative; padding: 30px; margin-bottom: 40px}
	.book03_wrap .book_top.bg01{ background: url('../../images/front/book/adult01/bg.png') no-repeat 0 0 #81659e}
	.book03_wrap .book_top.bg02{ background: url('../../images/front/book/adult01/bg.png') no-repeat 0 0 #9d5f99}
	.book03_wrap .book_top.bg03{ background: url('../../images/front/book/adult01/bg.png') no-repeat 0 0 #75ba82}
	.book03_wrap .book_top.bg04{ background: url('../../images/front/book/adult01/bg.png') no-repeat 0 0 #4e5b98}
	.book03_wrap .book_top.bg05{ background: url('../../images/front/book/adult01/bg.png') no-repeat 0 0 #f29153}
	.book03_wrap .book_top.bg06{ background: url('../../images/front/book/adult01/bg.png') no-repeat 0 0 #ef7f7a}
	.book03_wrap .book_top .img_book01 img{ width: 100%; box-shadow: 0 0 100px #5b3880}
	.book03_wrap .book_top .img_book02 img{ width: 100%; box-shadow: 0 0 100px #5b3880}
	.book03_wrap .book_top .img_book03 img{ width: 100%; box-shadow: 0 0 100px #328541}
	.book03_wrap .book_top .img_book04 img{ width: 100%; box-shadow: 0 0 100px #394370}
	.book03_wrap .book_top .img_book05 img{ width: 100%; box-shadow: 0 0 100px #be642b}
	.book03_wrap .book_top .img_book06 img{ width: 100%; box-shadow: 0 0 100px #b03b36}
	.book03_wrap .book_top .book_r{}
	.book03_wrap .book_top .book_r .tit{ font-size: 14px; color: #fff; line-height: 150%; padding-top: 30px; margin-bottom: 20px}
	.book03_wrap .book_top .btn_bookview{display: inline-block; width: 159px; height: 95px; background: url('../../images/front/book/adult01/btn_go.png') no-repeat 0 0}
	.book03_wrap .book_top .btn_bookview span{display: inline-block; font-size: 30px; font-weight: 600; color: #fff; padding-top: 55px}

	.book03_wrap .book_con{ overflow: hidden;}
	.book03_wrap .book_con .book_tit{display: none}
	.book03_wrap .book_con .book_list{overflow: hidden}
	.book03_wrap .book_con .book_list.bg01 li{border-bottom: 3px #81659e solid}
	.book03_wrap .book_con .book_list.bg02 li{border-bottom: 3px #9d5f99 solid}
	.book03_wrap .book_con .book_list.bg03 li{border-bottom: 3px #75ba82 solid}
	.book03_wrap .book_con .book_list.bg04 li{border-bottom: 3px #4e5b98 solid}
	.book03_wrap .book_con .book_list.bg05 li{border-bottom: 3px #f29153 solid}
	.book03_wrap .book_con .book_list.bg06 li{border-bottom: 3px #ef7f7a solid}
	.book03_wrap .book_con .book_list li{ overflow: hidden; padding: 45px 0 25px 0; margin: 0 20px}
	.book03_wrap .book_con .book_list li:nth-child( 1 ){padding-top: 10px}
	.book03_wrap .book_con .book_list li span.img_num{ display: inline-block;  float: left; width: 95px;}
	.book03_wrap .book_con .book_list li span.tit_s{ font-size: 18px; font-weight: 600; color: #666}

	/* 분쟁조정상담 */
	.answer_area{padding:8px;}
}

/* 컨텐츠 테이블 */
.content_table {border-top:4px solid #4e5ed9; vertical-align: middle;}
.content_table > thead > tr > th {font-weight:700; text-align:center; vertical-align: middle; line-height:1.4; padding:15px 0; color:#333333; border-bottom:1px solid #6b7c9b;}
.content_table > tbody > tr > th, .content_table > tbody > tr > td {font-size:.9rem;}
.content_table > tbody > tr > th {border-right:1px solid #a9bada;  border-left:1px solid #a9bada; background:#f1f4f9; font-weight:600; word-break: keep-all; padding:10px 0; border-bottom:1px solid #dfdfdf;}
.content_table > tbody > tr > td {border-left:1px solid #a9bada; align-content:center; padding:10px 8px; line-height:1.3; border-bottom:1px solid #dfdfdf; background:#fff; word-break: keep-all;}
.content_table > tbody > tr > td {text-align:center; color:#666;}
.content_table > tbody > tr > td > ul {text-align:left; }
.content_table > tbody > tr > td > ul > li {position:relative; padding-left:.5rem; color:#666;}
.content_table > tbody > tr > td > ul > li::before {content:""; display:flex; align-items: center; width:5px; height:1px; background:#333; position:absolute; left:0; top:8px;}
.bg_reset {border-left:0 !important; border-right:0 !important;}
.tit_reset {}
.tit_reset::before {display:none !important;}
.content_table a {text-decoration:underline; color:#3a62ab;}
.sum {text-align:left; font-size:.8rem;}
.table_text {font-size:.8rem;}

.table_left > tbody > tr > td {text-align:left !important;}
.content_table > tbody > tr > td .pirvacy_label_img { width: auto !important; aspect-ratio: auto 150 / 130 !important; height: 130px !important;}
.privacy_ico { width: 30px !important;}
.indi_item {padding:20px 0;}
.text-danger {color:#FF0004;}
.text-sm {font-size:90%;}

@media screen and (max-width: 785px){
	/* 테이블 스크롤 */
	.scroll::before {content:"모바일에서 표를 좌우로 스크롤 할 수 있습니다."; position:relative; display:inline-block; font-size:.8rem; color:#fff; text-align:center; background:#3a62ab;  border-radius:.2rem; padding:.5rem 0.5rem .5rem 2.5rem; margin-bottom:5px;}
	.scroll::after {content:""; display:inline-block; background: url("images/mScroll_ico.png") no-repeat;  width:17px; height:10px; position:absolute; left:.8rem; top: 19px; z-index: 888;}
	.scroll {overflow-x: scroll; position: relative; margin-bottom:1rem !important; padding-bottom:0 !important;}
	.scroll .mx785 {min-width:785px;}
	.content_table > tbody > tr > td .pirvacy_label_img { height: 50px !important; }
	.content_table > tbody > tr > td  {align-content:flex-start;}
}
