/* 서브 타이틀 영역 */
#subpage_top{position:relative; text-align:center;}
.bbs_tab{float:none; width:40px; margin:0 auto}
/*******서브페이지 상단 제목 타이틀*********/
.sub_title_wrap {padding:40px 0 70px; background:rgba(0,0,0,0.3)}
.sub_title_wrap h2 {color:#fff; font-size:38px; font-weight:700; letter-spacing:0.1em; margin-bottom:18px; font-family:"NanumBarunGothic", sans-serif; /* text-shadow:1.5px 1.5px 2px rgba(225, 230, 234, 1), 1px 1px 5px rgba(255, 255, 255, 0.8), -0.5px -0.5px 2px rgba(225, 230, 234, 1) */ }
.sub_page_info {color:#fff; letter-spacing:0.1em; /* text-shadow:1px 1px 2px #fff;*/ font-family:"NanumBarunGothic", sans-serif; font-size:17px;}
.breadcrumb_wrap {position:absolute;bottom:0;left:0;width:100%;background:rgba(10,10,10,.7);padding:12px 0;}
.breadcrumb {margin-left:100px;float:left;}
.breadcrumb li {float:left; padding:0 2px; color:#fff;/*서브 현재위치 폰트 색상*/}
.breadcrumb a,.sub_util a:hover{color:#fff}
.breadcrumb{color:#<?php echo $h2color?>;/*서브 현재위치 폰트 색상*/font-size:13px; letter-spacing:-1px}
.sub_util{float:right}
.sub_util li{float:left; margin:0 10px}
.sub_util a{color:#ddd}

/* 서브 레프트 메뉴바 영역 */
.sub_left{float:left; width:18%; padding-right:0; margin-bottom:200px;}
.sub_right{float:right; width:77%; padding-left:2em}
/* 서브 레프트 메뉴 */
.subleftmenu_title {position:relative; width:100%;height:116px;box-sizing:border-box;line-height:26px;padding:30px 0;border-bottom:1px solid #444; }
.subleftmenu_title:before{content:"";display:block;width:100%;height:100%;position:absolute;top:0; left:0;z-index:-2;opacity:.6;background:url(../images/sub/leftmenu.png) no-repeat center -15px / cover;}
.subleftmenu_title_KR {display:block;color:#272343; font-size:20pt; letter-spacing:-0.01em; padding-left:0.2em; font-weight:700; }
.subleftmenu_title_EN {color:#acacac; font-size:10pt; padding-left:0.6em;letter-spacing:-0.1em; display:block;}
.subleftmenu_tablebox {width:100%;display:inline-block;letter-spacing:-0.01em; font-size:11pt;padding-top:1.5em;}
.subleftmenu_tablebox>ul{border:1px solid #eee; border-bottom:0}
.sub0 {font-size:16px;color:#444;}
.sub0 a,.sub0_sel a{display:block;padding:20px 0;border-bottom:1px dotted #ddd;font-size:16px;}
.sub0_sel {position:relative;background:#ddd;color:#888;}
.sub0_sel:after{font-family:fontAwesome;content:"\f054";position:absolute;right:10px;top:21px;font-size:14px;color:#e0e0e0;}
.sub0_sel>a, .sub0>a.on {font-weight:700;background:#272343;color:#fff;}
.sub0>a:not(.on):hover{background:#504b6d; color:#fff; font-weight:700;}
.sub1_ul>li{width:100%; overflow:hidden; clear:both; text-align:left; }
.sub1_ul>li>a{display:block; float:left; width:88%; padding:14px 0; font-weight:normal; color:#555; border-bottom:0; font-size:15px; box-sizing:border-box;}
.sub1_ul>li:before{content:"-"; display:block; float:left; width:10%; padding:14px 10px; box-sizing:border-box; color:#4c4e88; font-weight:normal}
.sub1_ul{background:#f4f4f7;}
.sub1_ul>li:hover, .sub1_sel{background:#d9d9ec;}
.sub1_ul .sub1_sel a{font-weight:700;color:#333}

/* 서브 페이지 설정 */
.sub_section .container{max-width:1000px;margin:0 auto;text-align:left;}
/*********************서브 상단 텝메뉴***************************/
#mobile_tab_wrap {display:none; padding-top:20px;padding-bottom:10px;border-top:2px solid #333;border-bottom:1px solid #ddd;}
.mobile_select span{display:block;width:400px;padding:12px 14px;box-sizing:border-box;border:1px solid #999;border-bottom-width:0;background:#f0f0f0;font-size:14px;text-align:left;color:#111;}
.mobile_select span:last-child,.mobile_select>span{border-bottom-width:1px;}
.mobile_select>span:after{content:"▼";display:inline-block;font-size:.7em;float:right;margin-top:3px;}
#pc_tab_wrap {display:block; margin-top:1em}
#pc_tab_wrap .tab_list{width:100%;height:46px;border-bottom:1px solid #999;margin-bottom:15px;}
.tab_btn{position:relative; display:block; float:left; height:46px; line-height:46px; padding:0px 17px; background:#f0f0f0; color:#999; font-weight:700; border:1px solid #999; border-bottom:0; border-right:0; font-size:12pt; letter-spacing:-1px; transition:all .35s; cursor:pointer; box-sizing:border-box}
.tab_btn:first-of-type{margin-left:8px}
.tab_btn:last-of-type{border-right:1px solid #999}
#pc_tab_wrap .tab_now{transform:translate(0, 1px); background:#fff; color:#272343; font-weight:normal;}
#pc_tab_wrap .tab_now:before,#pc_tab_wrap .tab_btn:hover:before{content:""; position:absolute; width:101%; height:4px; top:-4px; left:-0.6px; background:#272343; border-radius:4px 4px 0 0;}
#pc_tab_wrap .tab_btn:not(.tab_now):hover:before{top:-3px}
#pc_tab_wrap .tab_btn:hover{color:#272343;}
#tab_txt{color:#666; text-align:center}
.del_btn:hover{color:#ff0000;}
/*********************서브 텝메뉴 End***************************/

/* 서브페이지 폰트 */
.contents h3{font-size:32px;}
.contents h4{font-size:24px;}
.contents h5{font-size:17px;}
.join_section .add_info{display:inline-block; width:auto; margin-left:20px;}
/********** 서브페이지 **********/
.contents{position:relative; width:100%; height:100%; margin:20px 0 80px; line-height:1.7; box-sizing:border-box; font-size:14px;}
.tab_content{position:relative; width:100%; overflow:hidden; margin-top:40px;}
.tab_content>div{display:none;}
.tab_content>div:first-child{display:block}
/* 페이지 없음 */
.contents_empty{margin:50px auto;}
.contents_empty .empty_ico{font-size:60px; color:#272343; padding:30px 0;}
.contents_empty .empty_txt{font-size:20px; color:#666}
.empty_txt span{font-size:30px; font-weight:700; color:#272343}

/* 인사말 */
.intro_txt{float:left; margin:50px 0 0 60px}
.intro_photo{position:relative;}
.intro_photo:after{content:""; position:absolute; top:0; left:0; display:block; width:100%; height:100%; background:url(../images/sub/eff_bg.png) no-repeat -170px / cover; z-index:-1; opacity:.5}
.intro_txt p{font-size:22px;}

/* 회장 프로필 */
.photo_list li{float:left; width:46%; margin:20px 5px;}
.photo_list li:nth-child(2n+1){clear:both}
.photo_wrap{width:140px; max-height:170px; overflow:hidden; margin:0 auto}
.photo_wrap img{width:100%;}
.info_box p{font-size:14px; text-align:left;}

/* 협회연혁 */
.history_wrap{margin-top:50px}
.timeline{position:relative; margin:10px auto; width:100%; height:100%}
.timeline:after{/* 타임라인 긴라인 */content:""; position:absolute; width:2px; top:0; bottom:0; left:50%; margin-left:-2px; background:#333;}
.history_box{position:relative; width:50%; display:table; padding:20px 30px; margin-bottom:30px; box-sizing:border-box; font-size:14px; text-align:left}
.history_box:before{ /* 타임라인 동그라미 */content:""; position:absolute; width:16px; height:16px; right:-8px; top:0px; background:#272343; border-radius:50%; z-index:2;}
.history_box:after{ /* 타임라인 dashed 라인 */content:""; position:absolute; width:170px; height:1px; right:10px; top:8px; border-top:1px dashed #888; z-index:2;}
.timeline .left{left:0;}
.timeline .right{left:50%}
.history_box.right:after{left:10px;}
.history_box.right:before{left:-8px;}
.history_info li:after{content:""; display:table; padding:10px;}
.history_info span{line-height:1.5;}
.history_date{width:24%; float:left; color:#ff0000}
.history_event{width:76%; float:left; color:#222;}
.history_box.left h5{margin:-36px 160px 13px 0; text-align:right;}
.history_box.right h5{margin:-36px 0 13px 160px; text-align:left;}
.table_list{width:100%;}
.table_list th{padding:12px 0; line-height:2; background:#ddd; color:#272343;}
.table_list td{padding:10px 0; color:#333; border-bottom:1px solid #bbb;}
.table_list td.tdl {padding-left:1em; text-align:left;}

.table_list.layout td {padding:12px;}
td.vtcl-top {vertical-align:top;}
td.vtcl-bottom {vertical-align:bottom;}
td.bd-right {border-right:1px solid #bbb;}

/* 공지사항 게시판 목록 */
.table_top{margin:30px 0 20px;}
.bbs_left{float:left; margin-top:10px; font-size:14px;}
.bbs_right{float:right;}
.table_top .btn{padding:0 12px;}
.table_normal{width:100%; margin:10px 0 20px;}
.table_normal th{border-top:2px solid #272343; background:#f0f0f0; color:#4c4c4c;}
.table_normal td{border-top:1px solid #acacac; color:#555; font-size:15px}
.txt_left,.txt_left td{padding-left:10px !important; padding-right:10px; text-align:left !important; box-sizing:border-box;}
.txt_right,.txt_right td{padding-left:10px; padding-right:10px !important; text-align:right !important; box-sizing:border-box;}
.table_normal td a.txt_deco{color:#555}
.table_normal td a.txt_deco:hover{color:#272343; border-bottom:1px solid #272343}
.table_normal tr:last-child td{border-bottom:1px solid #333}
table.side_bdr th,table.side_bdr td{border-right:1px solid #bbb}
table.side_bdr th:last-of-type,table.side_bdr td:last-of-type{border-right:0}
/* 페이지네이션 */
.pagination{clear:both; padding:28px 0; text-align:center;}
.pagination a{color:#acacac; border-color:#666;}
.pagination a:hover{color:#444}
.pagination a, .pagination strong, .pagination span {display:inline-block; width:32px; height:32px; line-height:32px; margin:2px;}
.pagination strong.btn_page, .pagination strong.btn_page:hover {background:#272343; color:#fff;}
.pagination span, .pagination .btn_page {background:#f1f1f1;}
.pagination .btn_border{width:36px; height:36px;}
.pagination strong,.pagination strong:hover{background:#272343; color:#fff;}
/* 게시물 버튼 */
.btn_group {padding:22px 8px 0px 8px; overflow:hidden;}
.btn_group .btn{margin:0 3px;}
.btn_left { float:left; padding-bottom:1px; }
.btn_right { float:right; padding-bottom:1px; }
.btn_center { text-align:center; padding:10px; }
.btn_box{width:100%; overflow:hidden; margin:20px 0; box-sizing:border-box}
.btn_box .btn{margin:2px 4px;}
.ico_txt {margin-left:.5em;}
.ico_txt:before {content:'\f10b';margin-right:4px;font-family:FontAwesome;font-size:inherit; color:#dfdfdf;}
.ico_txt.fax:before {content:'\f1ac';}
.ico_txt.tel:before {content:'\f095';}
/* 게시물 보기 */
.txt_center,.contents .txt_center td,.contents .txt_center{text-align:center}
.view_wrap{width:100%;margin:40px 0 20px;}
.table_view{width:100%; margin:8px 0 22px; table-layout:fixed; text-align:center}
.table_view tr{border-bottom:1px solid #ccc; }
.table_view td.bd_right {border-right:1px solid #ccc;}
.table_view tbody tr:first-child{border-top:2px solid #272343}
.table_view tbody tr:last-child{border-bottom:1px solid #333}
.table_view th{padding:10px;background:#f0f0f0;color:#4c4c4c;}
.table_view td{text-align:left;padding:6px 10px;color:#333;word-break:break-all;vertical-align:middle;}
.table_view tr:hover,.table_normal tr:hover{background:#f1f5f794}
.table_view td.file_hover a{display:inline-block; margin-right:5px;color:#777}
.table_view td.file_hover a:hover{color:#444}
.table_view .tdl {text-align:left;}
.table_view .tdr {text-align:right;}
.table_view .tdc {text-align:center;}
.table_view .month {text-align:center; font-size:16px; font-weight:bold; }
.view_contents{width:100%;padding:10px 0;box-sizing:border-box;font-size:16px;}
.bbs_prevnext{width:100%;overflow:hidden;padding-top:40px;font-size:15px;}
.bbs_prevline{border-top:1px solid #999; border-bottom:1px solid #999; color:#555}
.bbs_nextline{border-bottom:1px solid #999; color:#555}
.bbs_movepage{width:20%; float:left; padding:15px 0; background:#fefed5;}
.bbs_pagetitle{width:78%; overflow:hidden; float:left;padding:15px; box-sizing:border-box; white-space:nowrap;text-align:left;}
.bbs_pagetitle a{color:#555}
.bbs_pagetitle a:hover{color:#272343; border-bottom:1px solid #272343}
.bbs_prevline .bbs_movepage:before{font-family:Fontawesome;content:"\f106";}
.bbs_nextline .bbs_movepage:before{font-family:Fontawesome;content:"\f107";}

/* 게시물 작성 */
.table_write input[type="text"],.table_write input[type="password"]{width:100%;}
.table_write .txt_readonly{border:0;color:#acacac;font-size:14px;}
/* 파일 첨부 */
.file_load{margin:5px 0;}
.file_load input[type="file"]{border:1px solid #ddd}
.file_load input[type="file"]{position:absolute;width:1px;height:1px;padding:0; margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.file_load label{display:inline-block; padding:5px 70px; margin-bottom:6px; background:#ff9234; border:0; color:#fff; cursor:pointer; border-radius:5px; font-size:15px;}
.file_load label:hover{background:#bc4b10 }
.MultiFile-title{margin-top:3px; color:#666; font-size:14px;}
.MultiFile-remove{display:inline-block; width:15px; height:15px; text-indent:-9999px;}
.MultiFile-remove:before{font-family:Fontawesome; content:"\f057"; width:15px; height:15px; color:#ff0000; display:inline-block; font-size:18px; text-indent:9999px;}
.bd_box{width:90%; margin:40px auto; padding:40px 30px; box-sizing:border-box; border:1px solid #acacac;}

/* faq 게시판 */
#tableBoardList.faq_list {border:1px solid #999;}
.answer_box {background:#f5f5f5; line-height:2;}
#tableBoardList .answer_box:hover {background:#f5f5f5}
/* .faq_list.on{border:2px solid #ff9234; margin:5px 0;} */
#tableBoardList .question_title{padding:15px 25px 21px; cursor:pointer; color:#444; text-align:left; font-weight:700; font-size:15px;}
#tableBoardList .question_title a{margin-left:8px; font-size:20px}
#tableBoardList .question_title a:first-child:hover{color:#272343}
#tableBoardList .question_title a:last-child:hover{color:#ff0000}
.question_title:before{content:"Q. "; font-size:21px; font-weight:700; color:#272343;}
#tableBoardList .answer_txt{color:#111; padding:35px 60px; text-align:left}
.answer_txt:before{content:"A. "; font-size:25px; color:#ff9234; font-weight:700;}
.faq_list .strong{border:2px solid #ff9234; border-bottom:0; border-left-width:3px; border-right-width:3px;}
.faq_list .strong + .answer_box{border:2px solid #ff9234; border-top:0; border-left-width:3px; border-right-width:3px;}
.faq_list tr:first-child.strong{border-left-width:2px; border-right-width:2px;}
.faq_list tr:first-child.strong + .answer_box{border-left-width:2px; border-right-width:2px}
/* qna 게시판 */
.qna_box{margin-bottom:20px; border-bottom:1px solid #acacac; text-align:left}
.qna_box>div{padding:20px;}
.qna_title{border-top:2px solid #272343; border-bottom:1px solid #acacac; background:#f0f0f0; color:#666;}
.qna_title h5{color:#333;margin-bottom:10px}
.qna_title span{display:inline-block; margin-right:10px; font-size:15px; color:#555}
.pd_line span:nth-child(2){padding-right:30px;}
.pd_line span:last-child{color:#777}
.ui-datepicker-trigger{ /***** 달력 아이콘 ****/width:22px; margin-left:6px; cursor:pointer}
/* 포토갤러리 게시판 */
.gal_date span{margin-right:10px;}
#gal_slider img{width:100%}
.gal_event .event_title,.view_contents .event_title{width:15%; float:left; padding:5px 0;}
.gal_event span,.daily_info span,.view_contents span{width:85%; display:block; float:left; padding:5px 0;}

/* 복지관련사이트 */
.family_box{width:23.5%; height:250px; overflow:hidden; float:left; padding:10px; margin:10px 5px; box-sizing:border-box; border:1px solid #555;}
.family_box>a{display:block;}
.family_box h5{height:60px; padding:8px 0}
.fb_btn{display:inline-block; width:110px; overflow:hidden; padding:2px 0; margin-top:10px; border:1px solid #999; font-size:13px; color:#777; border-radius:6px;}
.family_box>a:hover .fb_btn{background:#eee; color:#272343}

/* 기관 검색 */
.srch_top{width:100%; overflow:hidden; margin:10px auto;}
.srch_map{width:300px; float:left; margin-left:7%;}
.srch_map area{outline:none;}
.srch_location_box{width:96%; margin: 40px auto 0; padding:10px 0 30px; box-sizing:border-box; border:1px solid #888;}
.srch_location_box h4{padding:30px 0;}
.srch_location_box span{padding:15px 0; color:#ff0000; font-size:13px;}
.srch_bar{width:100%; overflow:hidden}
.srch_bar select,.srch_bar input{width:50%}
.srch_bar label{padding-right:10px;}
.srch_bar li{width:100%; margin:15px 0;}
.srch_bar .btn{padding:0px 18px; margin-left:10px;}
.map_ico{display:block;}
.table_list .map_ico:hover{text-decoration:none; font-weight:500; color:#272343;}
.map_ico:hover i{color:#ff9234}

/* 회원가입 */
.tab_wrap { position:relative; }
.tab_box {padding: 0 23px; }
#payment_new {  }
#payment_old { display: none;}
.tab_now.no {border-bottom:1px solid #999;}
.tab_now.on {border-bottom:0;}
/* 회원가입 안내 */
.sm_title{font-size:18px; text-align:left; padding:10px 15px 6px;}
.big_txt{font-size:30px;font-weight:700}
.small_txt{display:inline-block; font-size:13px; color:#888; font-weight:normal}
.contents_box{width:100%; overflow:hidden; padding:16px 0; line-height:1.7}
.contents_box h5.sm_title:before{content:""; width:7px; height:14px; display:inline-block; margin-right:10px; margin-bottom:1px; background:#bc4b10; }
.contents_box h6{padding:10px 0 5px 8px; text-align:left; font-size:16px; color:#5a5a5a}
.contents_box h6:before{font-family:"FontAwesome"; content:"\f0da"; display:block; float:left; margin-right:7px; color:#999;}
.join_guide .fee_title{padding-left:15px; text-align:left; font-size:15px;}
.join_guide .table_view td{text-align:center; border:1px solid #acacac}
.join_guide .table_view tr td {border-bottom:1px solid #444;}
.join_guide .table_view tr:nth-child(1) th{border-left:1px solid #888; border-bottom:1px solid #222; background:#f1f3f8}
.join_guide .table_view tr:nth-child(1) th:first-child{border-left:0}
.join_guide .table_view .highlight{padding:12px 0; background:#f9f9f9; color:#111}
.join_step{width:100%; overflow:hidden}
.join_step>li{position:relative; width:auto; float:left; padding:0 33px; box-sizing:border-box}
.join_step>li:before{content:""; display:block; width:165px; height:175px; background:url(/hnh/images/sub/join1.png)no-repeat center / contain;}
.join_step>li:nth-child(2):before{background-image:url(/hnh/images/sub/join2.png)}
.join_step>li:nth-child(3):before{background-image:url(/hnh/images/sub/join3.png)}
.join_step>li:nth-child(4):before{background-image:url(/hnh/images/sub/join4.png)}
.join_step>li:nth-child(5):before{background-image:url(/hnh/images/sub/join5.png)}
.join_step>li:nth-child(6):before{background-image:url(/hnh/images/sub/join6.png)}
.join_step>li:nth-child(7):before{background-image:url(/hnh/images/sub/join7.png)}
.join_step>li:nth-child(8):before{background-image:url(/hnh/images/sub/join8.png)}
.join_step>li:nth-child(9):before{background-image:url(/hnh/images/sub/join9.png)}
.join_step>li>span{position:absolute; top:85px; left:50%; width:108px; margin-left:-54px; font-weight:700; font-size:15px}
.join_step>li .list{width:100%; border:0}
.join_step>li:after{content:""; position:absolute; top:80px; right:-15px; display:block; width:36px; height:10px; background:url(/hnh/images/icons/arrow.png)no-repeat center;}
.join_step>li:last-child:after{display:none}
.join_step .list {transform:translateX(20%)}

.add_txt,.ins_content .add_txt{display:block; text-align:left; padding-left:20px; word-break: break-all;}
.layer_pop{display:none; position:absolute; bottom:1px; left:50%; width:580px; margin-top:-300px; margin-left:-290px; box-sizing:border-box; background:#fff; box-shadow:1px 1px 4px 0 #999; z-index:102;}
.pop_wrap{width:100%; height:600px; overflow-y:scroll; padding:0 35px; margin:20px 0; box-sizing:border-box;}

.pop_box {display:none;}
.pop_box > p:first-child {background:#efeee0; padding:5px 10px;margin: 10px 20px 0 0;}
.layer_pop .close_btn{position:absolute; top:20px; right:25px; background-image:url(../images/icons/close_b.png);}
.layer_pop h4{padding:20px 0; text-align:center;}
.pop_txt{text-align:left; }
.pop_txt ul{margin:18px 0;}
.pop_txt ul li{padding:4px 0; font-weight:700; color:#272343}
.layer_pop .sm_title{padding-left:30px; padding-top:30px; text-align:left}
.linked_eff{color:#666;}
.linked_eff:hover{color:#333; border-bottom:1px solid #333;}
.layer_pop .btn_border{width:233px; letter-spacing:0;}

.afterBD {position:relative; margin-top: 20px;}
.afterBD:after {content:""; position:absolute; top: -5px; right: -15px; bottom: -15px; left: -15px; border:4px solid #272343; }
.afterBD:before {content: "* 2021 신설 내용";
    position: absolute;
    background: #272343;
    right: 8px;
    color: #fff;
    top: -30px;
    font-weight: bold;
    padding: 3px 17px;}
.contents_box  h5.sm_title.navy:before {background: #272343;}

/* 약관동의 페이지 */
.join_process{width:100%; overflow:hidden; padding:20px 9%; margin-bottom:40px; box-sizing:border-box; background:#f9f9f9; border:1px solid #dfdfdf;}
.join_process li{position:relative; display:inline-block; width:17%; padding:17px 0; margin-right:50px; border-radius:3px; color:#444; font-size:16px; border: 2px solid #ff9234;}
.join_process li:after{content:""; position:absolute; top:50%; right:-41px; display:block; width:25px; border-top:5px dotted #ffcd3c;}
.join_process li:last-child{margin-right:0;}
.join_process li:last-child:after{display:none;}
.join_process li.page_on{background:#ff9234; color:#fff; font-weight:600;}
.border_box{padding:20px 10%; margin:8px 0; text-align:left; line-height:1.7; border:1px solid #666; box-sizing:border-box;}
.join_paper{width:100%; overflow:hidden; padding-top:50px;}
.join_paper label{margin-right:15px}
.paper_box{width:100%; height:300px; overflow-y:scroll; padding:20px; margin:20px 0; box-sizing:border-box; border:1px solid #acacac; text-align:left
}
.join_section .btn_box{margin:50px 0;}
.join_section .btn{margin:0 10px}
/* 회원가입 양식 */
#layer{display:none; position:fixed !important; bottom:1px; left:0px; width:250px; height:395px; z-index:5000; left:50%; top:50%; margin:-190px 0 0 -125px; overflow:hidden; -webkit-overflow-scrolling:touch;}
.join_section .btn_border{width:auto; height:35px; padding:6px 10px; font-size:14px; margin-left:5px;}
.join_section a.btn_border{padding:5px 10px}
.join_section .width_over{width:100%; overflow-x:auto;}
.join_section .table_view{width:100%; min-width:700px;}
.feetable h5{font-size:15px; color:#363c61; margin-left:16px;}
.feetable .table_view tbody tr{border-top:0}
.feetable .table_view thead th{background:#efeee0; color:#666}
.feetable .table_view tbody th{background:#fbfbf5; font-weight:normal;}
.feetable .table_view td{text-align:center}
.feetable .table_view td:hover{background:#f6f8f3}
.feetable .table_view th,.feetable .table_view td{border:1px solid #bdbdbd;}
.join_kinds > label{display:inline-block; width:100px;}
.join_kinds  p label {width:80px; display:inline-block;}
.join_kinds  p span {width:48%; display:inline-block;}
.join_kinds2  p span {width:95%; display:inline-block;}
.join_total{clear:both; font-size:18px; font-weight:700; margin-top:10px;}
.agree{text-align:center; margin:20px 0;}
.agree .paper_box{height:130px; margin:8px 0;}
.agree .paper_box li{padding:5px 0;}
.info_botton {color:#666; position:absolute; top:10px; right:0;}
.parent {position:relative;}
.paper_box.list span {text-indent:13px; display:inline-block;}


/* 월회비 상세 팝업 */

.detail_content {background:#fff;padding:20px; position:absolute;left:65%; bottom:234px; width:650px;transform: translate(-50%, -50%); border:5px solid #272343; display:none;}
.detail_content:after {
    content: "";
    position: absolute;
    bottom: -20px;
    right: 40px;
    border-width: 20px 20px 0;
    border-style: solid;
    border-color: #272343 transparent;
    display: block;
    width: 0; 
}
.detail_content:before {
	content: "";
    position: absolute;
    bottom: -13px;
    right: 47px;
    border-width: 13px 13px 0;
    border-style: solid;
    border-color: #fff transparent;
    display: block;
    width: 0;
	z-index:2;
}
.detail_content .table_view {min-width:auto; font-size:13px;}
.detail_content .table_view td, .detail_content .table_view th {padding:0;}
.detail_content .margin {font-size:12px;}
/* 서류 업로드 */
.list_wrap{position:relative; width:100%; box-sizing:border-box; border-top:2px solid #ccc;}
.list_wrap.bd_bt {border-bottom:1px solid #ccc;}
.list_wrap>li{position:relative; width:100%; overflow:hidden; box-sizing:border-box; border-bottom:1px solid #ccc;}
.list_wrap>li:last-child {border-bottom:none;}
.list_left{ position:relative; width:40%; padding:10px; float:left; box-sizing:border-box; background:#ebebeb; min-height:80px;}
.list_left h6{font-size:15px; color:#666}
.list_right > *, .list_left .middle {position:absolute; top:50%;}
.list_left .middle {left:50%; transform:translate(-50%, -50%); width:100%;}
.list_right > * {transform:translateY(-50%);}
.list_right{position:relative; width:60%; padding:10px 10px 10px 20px; float:left; box-sizing:border-box; text-align:left;min-height:80px;}
.list_right .doclist{display:block; margin:12px 0; color:#666; font-weight:700;}
.total_file{ right:20px; font-size:14px; color:#ff0000;}
.comment {display:block; width:100%; text-align:left; text-indent:10px; color:#e74c3c; font-weight:700;}
.comment .fa {margin-right:10px;}
.cms_btn {text-decoration:underline; color:#e74c3c; font-weight:bold;}
.upload_btn {color: #fff; font-size: 23px; background: #e74c3c; border-radius: 50%; padding: 5px 8px;}
label.upload_btn {padding:0 8px}
.file_name {padding-left:10px; line-height:35px; left:70px; width: 63%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}


/* 정보변경 신청 업로드 버튼*/
#req_file {display: none;}
.upload_wrap {padding-bottom:40px; }
.upload_wrap:after {content:""; display: block; clear:both;}
.upload_box {border-radius:10px; background:#f0f0f0; color:#777; width:170px; height:170px; float:left; margin-right:10px; cursor:pointer; position:relative; display: none; flex-direction: column; align-items: center; justify-content: center;}
.upload_box.show {display: flex; display:-ms-flex; display:-webkit-flex;}
.upload_box.on {background:#dff9eb; }
.upload_box.on .upload_name {color:#30b973;}


.upload_box:not(.on):hover { background:#f9f9f9; box-sizing:border-box; border:1px solid #ebebeb; }
.upload_box:last-child {margin-right:0;}
.upload_box p {font-weight: bold; position:absolute; bottom:-30px; left:0; width:100%; text-align: center; color:#333; }
.upload_box .upload_name {margin-top:20px; display: block; width:90%; text-align: center; line-height: 16px; font-size: 12px; word-break:break-all;}
.upload_box:not(.on):hover .upload_name {color:#222;}
.upload_info {text-align: left; padding: 10px; border: 1px solid #ccc; margin-bottom: 20px; margin-top: 8px; font-family:"Noto sans", sans-serif; letter-spacing:-0.05em;}
.upload_info .tit {font-size: 15px; font-weight: bold; color:#666;}
.upload_info ul { padding-left:15px;}
.upload_info ul li {position:relative; padding-left:7px;}
.upload_info ul li:before {content:""; display: inline-block; width:5px; height:5px; background: #a14f20; position:absolute;left:-5px; border-radius:50%; top:9px; }
.tit_num {color:#a14f20; margin-right:5px; font-size: 22px; font-family:"Noto sans", sans-serif; }


/* 회원가입 완료 */
.join_success{padding:50px; box-sizing:border-box}
.join_success h3{margin-bottom:20px;}
.join_success i{font-size:40px}

/*  통합겸색 결과 */
.srch_section .srch_bar{text-align:center; padding:30px 0; box-sizing:border-box; border:1px solid #acacac; background:#ddd;}
.srch_section h5{padding:10px 20px;}
.result_wrap{width:100%; overflow:hidden; margin:30px 0; text-align:left}
.result_title{font-size:18px;}
.result_title h6{font-size:18px; display:inline-block;}
.result_content a.rc_link{position:relative; margin-left:25px;}
.result_content a.rc_link:before{content:""; position:absolute; display:block; width:6px; height:6px; left:-25px; top:-5px; margin:11px 10px; border-radius:50%; background:#ff9234; clear:both;}
.result_content li{margin:10px 0;line-height:1.6;}
.result_content a.rc_link:hover{color:#272343; border-bottom:1px solid #272343;}
.rc_detail { width:100%; overflow:hidden; letter-spacing:-0.5px;}
.rc_detail span { display:block; float:left; margin-left:10px; color:#6c6c6c; font-size:15px;}
.rc_txt {max-width:70%; height:25px; overflow:hidden;}
.no_result {display:block; padding:20px 10px; color:#555
}
.more_page {float:right; color:#777; font-size:14px;}
.more_page:hover{color:#999}
.rc_img{float:left;}
.rc_img img{display:block; margin:0 auto;}
.rc_gallery .rc_img{width:10%;}
.rc_gallery .rc_info{width:90%; float:left}
.rc_gallery .rc_txt{max-width:100%; float:none;}
/* 로그인-비번찾기 */
.login_sec{padding-top:30px;}
.top_ico span{display:block; width:100px; height:100px; margin:20px auto; border:1px solid #333; border-radius:50%; font-size:50px; line-height:100px;}
.top_ico p{color:#555; font-size:15px; padding-bottom:20px;}
.log_btn .btn{display:block; width:400px; height:42px; line-height:42px; margin:8px auto;}
.pw_btn .btn{margin:25px 0;}
.input_txt{position:relative; display:block; width:400px; margin:8px auto;}
.login_sec .input_txt .formText{width:100%; height:44px}
.label_box{position:absolute; top:10px; left:15px; z-index:10; color:#666; font-size:16px;}
.login_sec .font_r{padding-top:10px; font-size:14px;}

/* ---------------------- 조직구성 ------// 20220720 NJH //---------------- */
.tri-title {text-align:left; display: block; font-size: 14px; letter-spacing:-0.05em; padding-bottom: 5px; padding-left:10px; word-break:break-all; position:relative;}
.tri-title.havechild {padding-bottom: 0;}
.tri-child {font-size: 12px; display: block;padding-left:10px; color:#666; word-break:break-all; position:relative; margin-left:10px;}
.tri-child:before {content:"- "; position:absolute; left:0; top:1px; }
.tri-child.last {margin-bottom: 5px;}
.tri-title:before {font-family:"FontAwesome"; content:"\f0da"; display:block; position:absolute; left:0; top:1px; margin-right:7px; color:#999;}

/* ---------------------- 협회조직도 ---------// 20220531 NJH // -------- */
.com_list {position:relative; width:900px;}
.com_list:after {content: ""; height: auto; width: 1px; left: 50%; transform: translateX(-50%); display: inline-block; top: 0; bottom: 0;position: absolute; border: 1px solid #bbb; z-index: -1; box-sizing: border-box;} /* 가운데 선 */

/* 한 줄 레이아웃 */
.lv_box {display:flex; display:-ms-flex; display:-webkit-flex; justify-content: space-between; margin-bottom:50px; position:relative;}
.lv_box > div {width:450px; position:relative;}
.lv_set.align_rt, .lv_parent.align_rt {display:flex; display:-ms-flex; display:-webkit-flex; flex-wrap: wrap; flex-direction: column; align-items: flex-end;}
.lv_set.align_lf, .lv_parent.align_lf {display:flex; display:-ms-flex; display:-webkit-flex; flex-wrap: wrap; flex-direction: column; align-items: flex-start;}


/* 각 조직 아이템 스타일 */
.lv_item {color:#fff; width:200px; height:47px; line-height: 47px; font-weight:normal; transition:0.3s;  }
.lv_item.pointer {cursor:pointer;}
.lv_item  > a {color:#fff; display: inline-block; width:100%; cursor:pointer;}	
.lv_child { transition:0.3s; padding:10px; box-sizing:border-box; color:#555; text-align:left; width:200px; border-top:none; transform:translateY(-2px);}
.lv_child li {position:relative; text-indent:10px; word-break:break-all;}
.lv_child li:before{ content:""; position: absolute; display:block; top:12px; left:0; width:5px; height:5px; background:orange;}
.lv_child li.onhover:hover {color:#000; font-weight: bold; cursor:pointer;}

/* 조직 색상 */
.brown {background:#bc4b10;}
.brown.pointer:hover {background:#d6672d; } 
.navy {background:#484462; }
.navy.pointer:hover {background:#304b67}
.blue {background:#1f5a9d;}
.blue.pointer:hover {background:#2977cf;}
.mtblue {background:#304b67;}
.mtblue.pointer:hover {background:#527faf;}
.mtbrown {background:#88573e;}
.mtbrown.pointer:hover {background:#b37555;}

.brown + .lv_child {border:2px solid #bc4b10;}
.navy + .lv_child {border:2px solid #484462;}
.blue + .lv_child {border:2px solid #1f5a9d;}
.mtblue + .lv_child {border:2px solid #304b67;}
.mtbrown + .lv_child {border:2px solid #88573e;}

/* 조직도 선 */
.lv_item:not(.center):after {content:""; z-index:-1; position:absolute; border:1px solid #bbb; box-sizing:border-box;}

/* 중앙항목 div로 감싸지지않은 온니 h5 */
.lv_item.center  {position:absolute; left:50%; transform:translateX(-50%);}

/* 가로 줄 */
.lv_item.row:after {width: auto; height: 1px; top: 25px; }
.lv_item.row.toRight:after {left:0; right:0;}
.lv_item.row.toLeft:after {left:0; right:0;}

/* 꺾인 줄 우측에서 좌측상단 방향 */
.lv_item.toLeftTop:after {content: ""; right: 200px; width: 58px; height: 57px; border: none; border-left: 2px solid #bbb; border-bottom: 2px solid #bbb; background: transparent;}
.lv_item.toLeftTop:nth-of-type(3):after {top:82px;}
.lv_item.toLeftTop:nth-of-type(4):after {top:139px;}
.lv_item.toLeftTop:nth-of-type(5):after {top:196px;}

/* 꺾인 줄 좌측에서 우측상단 방향 */
.lv_item.toRightTop:after {content: ""; left: 200px; width: 58px; height: 57px; border: none; border-right: 2px solid #bbb; border-bottom: 2px solid #bbb; background: transparent;}
.lv_item.toRightTop:nth-of-type(3):after {top:82px;}
.lv_item.toRightTop:nth-of-type(4):after {top:139px;}
.lv_item.toRightTop:nth-of-type(5):after {top:196px;}


.com_title{padding:25px 0 10px}
.com_title:first-child{padding-top:0}
.staff_list{display:table; width:100%; overflow:hidden; background:#f9f9f9; border:1px solid #eee; border-radius:3px; margin:10px 0; padding:20px; box-sizing:border-box;}
.staff_list .staff_photo{display:table-cell; width:30%; vertical-align:middle}
.staff_photo h5{color:#272343; padding-bottom:5px;}
.staff_photo .staff_name{color:#666; font-weight:700}
.staff_photo img{width:95px; border-radius:10px; padding:6px; border:1px solid #e0e0e0}
.staff_info{display:table-cell; width:70%; vertical-align:middle;}
.staff_work{padding-left:30px;}
.staff_work li{text-align:left; font-size:14px; line-height:1.9}
.staff_work li:before{content:""; display:inline-block; width:4px; height:4px; margin-bottom:2px; margin-right:8px; border-radius:10px; background:#888;}

/* 고문 */
.namelist tr:hover{background:#fefaf6}
.namelist tr td{font-size:15px}
.namelist tr th:after{content:""; display:block; width:1px; height:27px; float:right; border-right:1px solid #bdbdbd }
.namelist tr th:last-child:after{border-right:0}
/* 오시는길 */
#hnhmap{width:100%;height:480px}
.radius_border{border:1px solid #919191;border-radius:5px;}
.custom_zoomcontrol {position:absolute;top:50px;right:35px;width:36px;height:80px;overflow:hidden;z-index:1;background-color:#f5f5f5;} 
.custom_zoomcontrol span {display:block;width:36px;height:40px;text-align:center;cursor:pointer;}     
.custom_zoomcontrol span img {width:15px;height:15px;padding:12px 0;border:none;}             
.custom_zoomcontrol span:first-child{border-bottom:1px solid #bfbfbf;}   
.address_info{background:#272343; color:#fff; padding:30px; box-sizing:border-box; text-align:center; font-size:16px;}
.addr_area{width:65%; float:left; letter-spacing:0.7px;}
.addr_area i{font-size:23px}
.phone_info{width:35%}
.way_to{width:50%; min-height:260px; float:left; border:1px solid #272343; background:#fff; color:#333;}
.way_to:nth-of-type(1){border-right:0}
.way_to i{font-size:34px;}
.way_to h4{margin:20px 0;}
/* 주요사업 */
.business_point{position:relative; display:inline-block; padding:30px;}
.business_point:before{content:""; display:block; position:absolute; top:-1px; left:-11px; width:50px; height:50px; background:url(/hnh/images/sub/point.png) no-repeat; background-size:cover; opacity:.6;}
.business_point:after{content:""; display:block; position:absolute; top:30px; right:-20px; width:50px; height:50px; background:url(/hnh/images/sub/point2.png) no-repeat; background-size:cover; opacity:.6;}
.business_point+.bd_box{font-size:1.2em; line-height:2;}
.business_info{width:100%; height:410px; overflow:hidden;}
.business_info li{position:relative; width:19.9%; height:410px; border:1px solid #fff; float:left; padding:10% 0; box-sizing:border-box; cursor:pointer;}
.business_info li:before{content:""; width:100%; height:100%; display:block; position:absolute; top:0; left:0; background:rgba(0,0,0,.4); z-index:-1;}
.business_info li:hover{z-index:0;}
.business_info li:nth-child(1){background:url(../images/sub/bsn_1.jpg) no-repeat; background-size:cover}
.business_info li:nth-child(2){background:url(../images/sub/bsn_2.jpg) no-repeat; background-size:cover}
.business_info li:nth-child(3){background:url(../images/sub/bsn_3.jpg) no-repeat; background-size:cover}
.business_info li:nth-child(4){background:url(../images/sub/bsn_4.jpg) no-repeat; background-size:cover}
.business_info li:nth-child(5){background:url(../images/sub/bsn_5.jpg) no-repeat; background-size:cover}
.business_info2 li:nth-child(1){background:url(../images/sub/bsn_6.jpg) no-repeat; clear:both; background-size:cover}
.business_info2 li:nth-child(2){background:url(../images/sub/bsn_7.jpg) no-repeat; background-size:cover}
.business_info2 li:nth-child(3){background:url(../images/sub/bsn_8.jpg) no-repeat; background-size:cover}
.business_info2 li:nth-child(4){background:url(../images/sub/bsn_9.jpg) no-repeat; background-size:cover}
.business_info2 li:nth-child(5){background:url(../images/sub/bsn_10.jpg) no-repeat; background-size:cover}

.business_info li h4{color:#fff; text-shadow:1px 1px 3px #000}
.business_info p{display:none; padding:10px; margin:16px; text-align:left; background:rgba(255,255,255,.8); box-shadow:1px 1px 3px 1px rgba(0,0,0,.3)}
.business_info p span{display:block; position:relative; padding:2px 1em; width:98%; font-size:14px;}
.business_info p span:before{content:"\25AA"; position:absolute; left:0; top:2px; color:#bc4b10;}
/* 노인장기요양보험 */
.highlight{border-bottom:3px solid rgba(253, 255, 142, 0.6); box-shadow:inset 0 -3px 0 rgba(253, 255, 142, 0.5); }
.border_style {position:relative; border-width:8px; border-color:transparent #bdbdbd #bdbdbd transparent; transition:all .43s;}
.border_style:before,.border_style:after {content:""; position:absolute; border:8px solid; transition:all .43s;}
.border_style:before {top:-7px; right:-7px; width:73%; border-color:#ddd transparent transparent transparent;}
.border_style:after {bottom:-7px; left:-7px; height:75%; border-color:transparent transparent transparent #ddd}
.border_style:hover:before{border-color:#fab95b  transparent transparent transparent}
.border_style:hover:after{border-color:transparent transparent transparent #fab95b}
.border_style:hover{border-color:transparent #fab95b #fab95b transparent}
.border_style h5 {position:absolute; top:-28px; left:6px; color:#272343}
.border_style p{padding-top:10px;}
.box_style{height:100%; min-height:180px; box-sizing:border-box; padding:20px; border-color:#999}
.box_style h5{padding-bottom:10px; color:#272343}
.group_list>li{position:relative; width:33%; float:left}
.circle{width:80px; height:80px; background:#272343; border-radius:50%; color:#fff; font-weight:700; text-align:center}
.group_list .circle {margin:10px auto 20px; line-height:80px;}
.group_list span{display:block; text-align:center}
.circle:before {content:""; position:absolute; top:4px; left:50%; margin-left:-46px; display:block; width:90px; height:90px; border:1px solid #272343; border-radius:50%;}
.group_list .circle:after {content:""; position:absolute; top:92px; left:50%; width:2px; height:18px; border-left:2px dotted #666;}
.group_list .box_style {width:25%; height:173px; border:1px solid; border-right-width:0;}
.group_list .box_style:last-child{border-right-width:1px;}
.group_list .box_style i{display:block; font-size:32px; color:green; padding:5px 0}
.sup_sort {position:relative; width:480px; margin:0 auto;}
.sup_sort>li>a {position:relative; display:block; width:140px; padding:15px 0; margin:70px 10px 20px; background:#fab95b; float:left; box-sizing:border-box; font-weight:700; box-shadow:1px 1px 3px 0px #999}
.sup_sort>li>a:before {content:""; position:absolute; top:-30px; left:50%; display:block; width:1px; height:30px; border-left:1px dotted #acacac;}
.sup_sort>li>a.on {background:#ff9234; color:#fff;}
.sup_sort>li>a.on:after {font-family:FontAwesome; content:"\f0d7"; position:absolute; bottom:-10px; left:50%; width:5px; height:5px; margin-left:-5px; font-size:14px; color:#bc4b10;}
.sort_info{display:none; padding-top:20px;}
.sort_info.on{display:block;}
.business_square{position:relative; width:215px; height:60px; padding:10px 0; border-width:6px; font-weight:700; font-size:18px; cursor:inherit;}
.business_square:before{content:""; position:absolute; bottom:-45px; left:50%; width:1px; height:38px; border-left:1px dotted #acacac;}
.business_square:after{content:""; position:absolute; bottom:-45px; left:-59px; width:322px; height:1px; border-bottom:1px dotted #acacac;}
.ins_content .sm_title{padding:10px 8px 6px}
.ins_content.contents_box h6{margin-left:20px;}
.ins_content .list {margin-left:40px; text-align:left;}
.ins_content .list>li {position:relative; margin: 2px 0 0 0; padding: 0 0 4px 16px; font-size:16px; color:#262626; }
.ins_content .list>li:before {content:''; position:absolute; top:12px; left:6px; width:4px; height:2px; background:#999;}
.ins_content{width:100%; overflow:hidden;}
.ins_content p{padding:5px 10px 10px 40px; text-align:left;}
.ins_content img{display:block; margin:0 auto;}
.ins_content table .tblstyle{text-align:center; background:#ecf1f9}
.ins_content .table_normal td{font-size:14px; padding:6px 20px}
.ins_content .list_left{padding:16px; border-right:1px solid #bdbdbd; background-color:#fefed5}
.ins_content .list_left h6{position:absolute; top:50%; left:15px; transform:translate(0, -50%); padding-left:10px;}
.border333,.ins_content .border333{border-bottom:1px solid #333}
.ins_grade{width:60%; border-radius:15px; border:1px solid #666; padding:10px; margin:0 auto 5px; font-size:18px; font-weight:700; box-sizing:border-box; text-align:center}

.ins_content .list_right li{color:#111; padding:7px 0;}
.ins_content .list_right{padding:23px 23px 23px 30%;}
.ins_content .border_box{padding:18px; margin-left:0}
.ins_content .bold{font-size:14px}
.ins_content .list_left{width:27%;}
.ins_content .list_left img{width:75px;}
.list_third ul li{width:29%; padding-left:2%; float:left}
.ins_table table ul li:before{content:"-"; display:inline-block; margin-right:5px}
.ins_grade_wrap .sup_sort{width:92%}
.ins_grade_wrap .sup_sort li:after{font-family:'FontAwesome'; content:'\f0a9'; display:block; float:left; margin-top:37px}
.ins_grade_wrap .sup_sort li:last-of-type:after{display:none}
.ins_grade_wrap .sup_sort>li>a{margin:20px 10px}
.ins_grade_wrap .sup_sort>li>a:before{display:none}
.ins_grade_wrap .sort_list{margin:0 auto; }
.ins_grade_wrap .sort_list li:after{display:none}
.ins_grade_wrap .sort_list li a{width:130px; margin:20px 5px}
.ins_content .box_style{margin:8px 5px}
.ins_content .way_to{width:48%; border-right:1px solid #999}
.ins_content .way_to h6{margin:0; padding:0 40px}
.ins_content .way_to .list{margin-left:0}
.ins_content .way_to p{padding-left:0}
.ins_content .process_list li{position:relative; width:30%; float:left; margin:10px 15px;}
.ins_content .process_list li:after {content:""; position:absolute; top:40%; right:-34px; display:block; width:35px; height:10px; background:url(../images/icons/arrow.png) no-repeat center / contain; }
.process_list li:last-of-type:after{display:none;}
.ins_content .process_list.list_fourth li{width:21%}
.ins_special li:after{display:none}
.ins_step .group_list>li{width:100%; margin:15px 25px; float:none}
.ins_step .circle{float:left;}
.circle_txt{width:76%; float:left; text-align:left; margin:10px 25px;}
.ins_step .group_list .circle:before{left:40px}
.ins_step .group_list .circle:after{left:40px; height:36px;}
.ins_step .group_list li:last-child .circle:after{display:none}
.list_half li{width:50%; float:left}
.ins_person span{width:100%; height:160px; display:block; background:url(/hnh/images/sub/insurance/ins_person.png)no-repeat center / contain;}
.ins_person li{width:29%; float:left; margin:0 2%; text-align:center; }
.ins_list{width:100%; overflow:hidden}
.ins_list li{position:relative; width:30%; min-height:300px; float:left; margin:10px; margin-top:95px; padding:5px; text-align:left; border-top:1px solid #b35a73; box-sizing:border-box}
.ins_list li:nth-of-type(4),.ins_list li:nth-of-type(5),.ins_list li:nth-of-type(6){min-height:190px;}
.ins_list li:nth-of-type(4){clear:both}
.ins_list li:before{content:""; position:absolute; top:-90px; left:0; width:80px; height:80px; display:block; background:url(/hnh/images/sub/insurance/jega1.png)no-repeat 0 0 / contain; }
.ins_list li:nth-of-type(2):before{background-image:url(/hnh/images/sub/insurance/jega2.png) }
.ins_list li:nth-of-type(3):before{background-image:url(/hnh/images/sub/insurance/jega3.png) }
.ins_list li:nth-of-type(4):before{background-image:url(/hnh/images/sub/insurance/jega4.png) }
.ins_list li:nth-of-type(5):before{background-image:url(/hnh/images/sub/insurance/jega5.png) }
.ins_list li:nth-of-type(6):before{background-image:url(/hnh/images/sub/insurance/jega6.png) }
.ins_list li p{font-weight:700; font-size:15px; padding-left:10px;}
.ins_content .ins_paylist li{height:270px; background:url(/hnh/images/sub/insurance/list2.png) no-repeat center /contain; padding:10px; margin-top:5px; border:0}
.ins_content .ins_paylist li:before{display:none}
.ins_content .ins_paylist li p{position:absolute; top:45px; left:50%; transform:translate(-50%, 0); text-align:center}
.ins_content .ins_paylist li span{display:block; width:155px; margin:0 auto; padding-top:110px; color:#fff}
.ins_content .join_step>li{width:100%; min-height:260px; float:none; }
.ins_content .join_step>li:before{display:inline-block; position:absolute; top:50%; left:20px; margin-top:-87px}
.ins_content .join_step>li:after{font-family:FontAwesome; content:"\f0d7"; top:94%; left:85px; background:none; font-size:20px; }
.ins_content .join_step>li>span{left:50px; top:48%; margin:0;}
.ins_content .join_step>li>div{position:absolute; top:50%; right:20px; display:inline-block; width:72%; transform:translate(0, -50%); text-align:left}
.ins_content .join_step .ins_grade{width:70%}
.ins_content .infra_order>li:before{background-image:url(/hnh/images/sub/order1.png)}
.infra_order>li:nth-child(2):before{background-image:url(/hnh/images/sub/order2.png)}
.infra_order>li:nth-child(3):before{background-image:url(/hnh/images/sub/order3.png)}
.infra_order>li:nth-child(4):before{background-image:url(/hnh/images/sub/order4.png)}
.infra_order>li:nth-child(5):before{background-image:url(/hnh/images/sub/order5.png)}
.infra_order>li:nth-child(6):before{background-image:url(/hnh/images/sub/order6.png)}
.infra_order>li:nth-child(7):before{background-image:url(/hnh/images/sub/order7.png)}
.infra_order>li:nth-child(8):before{background-image:url(/hnh/images/sub/order8.png)}
.infra_order>li:nth-child(9):before{background-image:url(/hnh/images/sub/order9.png)}

.bg_box{width:100%; overflow:hidden; background:#efefef; padding:20px; margin:10px 0; text-align:left; box-sizing:border-box}
.pd6 td,.pd6{padding:6px;}
.ins_num{margin-top:20px;}
.ins_law{width:100%; overflow:hidden;}
.ins_law span{width:12%; font-weight:700; float:left; padding:5px 0}
.ins_law p{width:80%; float:left;}
.ins_content .history_box {padding:16px 30px 0}
.ins_content .square_b{width:100%; height:50px; line-height:50px; border:2px solid #111; background:#272343; color:#fff; font-weight:700; box-sizing:border-box}
.ins_content .square_w{width:100%; min-height:80px; padding:15px; box-sizing:border-box; border:2px solid #111; text-align:left}
.ins_content .process_list li.square_wrap{width:185px; margin:5px 15px; padding:0 7px; float:left}
.ins_content .process_list li.square_wrap:first-child{margin:5px 0;}
.process_list.reduce_list li{height:151px; background:url(/hnh/images/sub/insurance/ins_reduce1.png) no-repeat center;}
.process_list.reduce_list li:nth-child(2){background-image:url(/hnh/images/sub/insurance/ins_reduce2.png)}
.process_list.reduce_list li:nth-child(3){background-image:url(/hnh/images/sub/insurance/ins_reduce3.png)}
.process_list.reduce_list li:nth-child(4){background-image:url(/hnh/images/sub/insurance/ins_reduce4.png)}
.process_list.reduce_list li:nth-child(5){background-image:url(/hnh/images/sub/insurance/ins_reduce5.png)}
.process_list.reduce_list li:nth-child(6){background-image:url(/hnh/images/sub/insurance/ins_reduce6.png)}
.process_list.reduce_list li:after{display:none}
.ins_content .process_list.reduce_list li p{position:absolute; top:64%; left:50%; transform:translate(-50%, -50%); line-height:1.4; color:#fff; padding:30px 25px; text-align:center}
.ins_content .process_list.reduce_list li p span{color:#e0e0e0}
.law_ico{width:90px; height:77px; display:block; float:left; background:url('/hnh/images/sub/insurance/law_ico.png') no-repeat;}
.ins_content .bd_box h6{padding-top:38px}
.ins_content .small_title{font-size:15px; font-weight:700; padding-bottom:0}

/* 공동구매사이트 */
.sale_list li{width:100%;height:145px;margin:10px 0;border:1px solid #acacac;box-sizing:border-box;}
.sale_list li div{width:50%; float:left; box-sizing:border-box}
.sale_list li .sale_img{padding:21px 0; padding-left:100px}
.sale_list li .sale_img .btn{margin-top:5px;}
.sale_list li .btn_box{padding:30px 0; padding-right:100px}

/* 개인정보 */
.security_info{text-align:left; line-height:1.5;}
.security_info h3{font-size:28px; margin:20px 0 10px}
.security_info .border_box i{display:block;width:10%; padding:10px 0; font-size:40px; float:left; color:red}
.security_info .border_box p{width:90%; float:left}
.security_info .paper_box{font-size:13px}
/* 회원정책 */
.policy_wrap{text-align:left; line-height:1.8;}
.policy_wrap h3{text-align:center; font-size:22px; padding:25px 0 15px}
.policy_wrap div{padding:8px 0;}
.policy_wrap p{padding-bottom:3px;}
.policy_wrap .line1{padding-left:10px;}
.policy_wrap .line2{padding-left:20px;}
.policy_wrap .line3{padding-left:30px;}
.policy_wrap a{color:#1553d0; border-bottom:1px solid #1553d0;}
.policy_wrap a:hover{color:#06007e}
/* 회비납부내역 */
.table_pay tr td{padding:10px 4px; text-align:center; font-size:14px}
.table_pay tr:hover{background:#fefaf6}
.table_pay tr:last-child th{background:#f2f0e7}
a.pay_btn:hover{color:#bc4b10; text-decoration:underline}
a.pay_btn{color:#888}
.pay_srch label{padding-left:10px}
.table_pay .pay_border th:first-child{border-right:1px solid #acacac}
.table_pay .pay_border th:last-child{border-left:1px solid #acacac}
.receipt_popup{padding:20px;}
.receipt_popup h4{padding:30px 0 10px; font-size:22px}
.receipt_popup table th, #receipt_popup table td{height:48px; box-sizing:border-box}
.receipt_popup .second_bg{background:#ede8cf}
.receipt_popup table p{padding:35px 0 50px; color:#444}
.jibu_list td{position:relative}
.jibu_check{display:none;position:absolute;top:40px;left:-82px;width:204px;padding:10px;box-sizing:border-box;border:1px solid #666;background:#fff;z-index:30;}
.jibu_check h6{padding:5px 0 8px}
.jibu_check li{padding:5px 0; font-size:14px; text-align:left;}
.jibu_check input[type="text"]{width:60%; height:32px; font-size:14px; color:#666}
.jibu_check .btn{font-size:13px; height:34px; padding:8px 15px;}
.jibu_check li span{font-weight:700}
.jibu_list>td:hover .jibu_success{display:block}
.jibu_success{display:none;position:absolute;width:120px;box-sizing:border-box;padding:8px;border:1px solid #acacac;background:#fff;top:30px;left:-10px;font-size:13px;text-align:left;}
.jibu_success li span:first-child{font-weight:700}
/* 회원증 */
#certificate_wrap{width:600px;height:840px;padding:60px;box-sizing:border-box;background:url(../images/print/print_page.png) no-repeat;-webkit-print-color-adjust:exact !important;margin:0 auto 40px;text-align:left;}
#certificate_wrap span{font-weight:700; color:#555}
.cert_top h3{padding:45px 0 60px; font-size:50px; text-align:center}
.cert_list{font-size:20px; color:#333}
.cert_list span{display:inline-block; width:130px}
.cert_list span:after{content:":"; padding-left:40px;}
.cert_content{font-size:22px; text-align:center;}
.cert_content p{padding:70px 0 50px; font-weight:600}
.cert_sign{float:right; padding-top:55px}
.cert_sign h5:before{display:block; float:left; content:""; background:url(../images/ico.png) no-repeat left top / cover; width:45px; height:45px; margin-top:-12px}
.cert_sign h5{padding-top:20px; float:left; font-size:20px; color:#5f5f5f}
.cert_sign img{float:left}
/* 메뉴 하단 광고 영역 */
.ad_box{padding-top:30px;}
.ad_box:before{content:"─────AD─────"; color:#bdbdbd; font-size:10px;}
.ad_box a{display:block; margin-top:10px;}
/* 사이트 맵 */
.map_title{padding-bottom:20px;}
.map_list{float:left; width:25%; padding:15px; box-sizing:border-box;}
.map_list>ul{height:312px; padding:10px; border-top:5px solid #bfc7f4; border-bottom:1px solid #eee; background:#f9faff}
.map_list>ul>ul{display:none}
.map_list>ul li{line-height:2.8; text-align:left;}
.map_list>ul li i{padding:0 10px}
.map_list>ul li a:hover{font-weight:700}
/* 평가자료 */
.assess_category{width:100%; overflow:hidden}
.assess_category h2{width:26.5%; padding:20px 0; background:#272343; font-size:24px; border-radius:8px; text-align:center; float:left; margin-left:5%; color:#fff; cursor:pointer; box-sizing:border-box; border:1px solid #272343;}
.assess_category h2.on{background:#eae8ff; color:#272343}
.assess_category h2:not(.on):hover{opacity:0.7}
.assess_wrap{display:none; width:90%; overflow:hidden; margin:10px auto; background:rgba(252,215,184, .2); border-radius:3px; border:1px solid #fcd7b8;}
.assess_list{width:30%; min-height:600px; float:left; box-sizing:border-box; border-right:1px solid #fcd7b8}
.assess_list li{text-align:center; border-bottom:1px solid #fcd7b8; cursor:pointer; color:#555}
.assess_list li h4{padding:25px; font-size:18px;}
.assess_list li:last-child{border-bottom:0px}
.assess_list li.on{background:#ff9234; color:#fff}
.assess_list li:not(.on):hover{background:#fcd7b8; color:#666}
.assess_file {display:none; width:70%; height:600px; overflow:auto; float:left; padding:15px 30px; text-align:left; box-sizing:border-box}
.assess_file.on{display:block}
.assess_file li{padding:10px 0; font-size:16px;}
.assess_file li a{margin-left:15px}
.view_down{display:inline-block; padding:5px 10px; margin-top:-22px; margin-left:10px; border:1px solid #acacac; border-radius:5px; text-align:center; background:#f0f2f3}
.view_down:hover{background:#e5eaec}
.view_down:hover a{color:#666}
.ico_down_hwp{width:93px; height:18px; display:block; margin:0 auto; padding-top:33px; background:url(../images/sub/hwpview.png) no-repeat center 0 / contain; color:#888; font-size:12px;}
.hwp_ico{width:28px; height:28px; display:inline-block; vertical-align:middle; background:url(../images/sub/hwpico.png) no-repeat center/ cover; text-indent:-9999px}
.assess_file .hwp_ico:hover{animation:bounce .4s ease-out infinite alternate;}
@keyframes bounce{from{transform:translateY(0);} to{transform:translateY(-4px);}}

/* 협회비전 */
.vision_title{}
.vision_img{padding:30px 0;}
.vision_img:after{content:""; display:block; width:5px; height:54px; margin:20px auto; border-right:7px dotted #7b97ff}
.vison_list{width:100%; overflow:hidden; margin:0 auto;}
.vison_list>li{width:30%; float:left; margin:0 1.6%; padding:20px 0; transition:0.5s; transform:translateY(0); }
.vison_list>li:hover {transform:translateY(-10px);}
.vison_list li span{display:block; width:100%; height:270px; background:url(../images/banner/circle_1.jpg) no-repeat center / cover;  border-radius:100%; background-size:500px; transition:0.5s;}
.vison_list li span:hover {background-size:530px; }
.vison_list li:nth-child(2) span{background-image:url(../images/banner/circle_2.jpg);}
.vison_list li:nth-child(3) span{background-image:url(../images/banner/circle_3.jpg);}
.vison_list li p{display:inline-block; text-align:center; margin:20px 0; font-size:17px; font-family:"NanumBarunGothic";}

.btnReceipt {padding:5px 8px; border-radius:5px; background:#34495e; color:#fff; }
.lbl.blue { color:#2980b9;}
a.lbl.white { font-size: 12px; color:#444; text-decoration:none; border:1px solid #ccc; padding:0 4px; border-radius:3px; display: inline-block; margin-left: 10px; transition:0.2s;}
a.lbl.white:hover {background:#ebebeb; }
#searchResult {margin-top:20px;}
#searchResult .pass, #searchResult .no, #searchResult .yes {display:inline-block; padding:10px 20px;; background:#f1f1f1;}
#searchResult .no {color:#bc4b10}
#searchResult strong {display:inline-block; padding:3px 8px; background-color:#fad390;}
#searchResult .point {background:#f8c291;}
.hint_txt {font-size:16px; padding:10px 0;}
.hint_ans .pwd_answer { display:inline-block; font-size:16px; color:#555;}
.hint_ans input[type=text] { width:200px; background:#f1f1f1;}
.hint_ans input[type=button] {height:35px; line-height:35px; padding:0 1em; font-size: 14px; border:0; color:#fff; background:#40739e;}

#passTerms_wrap {position:relative;}
#passTerms {background:#f5f5f5; border:1px solid #ccc; padding:20px 30px; }
.termsClose {position:fixed; top:15px; right:270px; background: #666; display: inline-block; padding: 5px 7px; border-radius: 3px
; color: #fff; display: none;}
/*********** 타블릿-모바일 반응형 ************/
@media all and (max-width:1199px){
	.breadcrumb{margin-left:20px}	
	.contents{padding:0 10px}
	#pc_tab_wrap .tab_list.history .tab_btn {font-size:1em; line-height:1em; padding:0 7px; display:flex; display:-ms-flex; display:-webkit-flex; align-items:center;}
}
@media all and (max-width:1023px){
	.breadcrumb{margin-left:10px}
	.sub_util{display:none;}
	.sub_left{display:none;}
	.sub_right{width:100%;} 
	#mobile_tab_wrap {display:block; }
	#pc_tab_wrap {display:none;}
	.mobile_select{position:relative; margin-left:20px; }
	.tab_list{width:100%; display:none; position:absolute; top:48px; left:0; z-index:10; }
	.intro_photo img{margin-left:-20px;}
	.rc_gallery .rc_img{width:20%}
	.rc_gallery .rc_info{width:80%}
}
@media all and (max-width:900px){
	.history_wrap{padding:0 15%}
	.timeline:after,.timeline .right{left:0;}
	.history_box{width:100%;}
	.history_box:before{left:-8px;}
	.history_box:after{width:75%; left:10px;}
	.right .history_date{float:left}
	.history_box.left h5,.history_box.right h5{float:right; margin:-36px 16px 0 0}
	.map_list{width:33.2%}
	.vison_list li span{height:240px}
}
@media all and (max-width:767px){
	.sub_title_wrap{padding:65px 0;}
	.sub_title_wrap h2{margin-bottom:10px;}
	.sub_page_info{margin-bottom:10px; line-height: 20px; font-size: 14px; padding:0 20px;}
	.intro_photo img{margin-left:0}
	.intro_txt{width:100%; margin:20px auto 10px}
	.contents h3{font-size:22px;}
	.intro_txt p{font-size:16px;}
	.btn_box .btn{padding-right:18px; padding-left:18px}

	.job_location{float:none; margin-bottom:10px}
	.job_srchbtn{float:none;}
	.job_srch_bar select{padding:6px 13px 6px 8px}
	.job_srch_bar .btn{padding:0 8px}
	.job_srch_bar input,.job_srch_bar select,.job_srch_bar .btn{font-size:13px}

	.family_box{width:31.5%}
	.calendar_wrap{width:100%; float:none;}
	.daily_event{width:100%; height:300px; float:none; margin:20px auto;}
	.calendar_date{margin:15px auto; font-size:16px;}
	.calendar_date button{padding:0; font-size:16px;}
	.table_list th{font-size:15px;}
	.table_list td{padding:5px; font-size:13px}

	.daily_info span,.daily_info .event_title{font-size:14px}
	.ins_content .way_to h6{padding:0 19px;}
	.ins_content .way_to, .way_to{width:100%; height:100%}
	.way_to:nth-of-type(1){border-right:1px solid #272343; border-bottom:0;}
	.ins_content .way_to:nth-of-type(1){border:1px solid #999}
	.srch_location_box{width:100%;float:none;padding:10px;margin:10px 0;}
	.srch_bar{clear:both}

	.border_box{padding:15px;}
	.join_section input[type="text"],.join_section input[type="password"],.join_section input[type="time"],.join_section select{margin-bottom:5px}
	.join_process li{width:32%; margin-top:5px; margin-right:25px;}
	.join_process{padding:20px 0;margin:0;margin-bottom:20px;}
	.join_process li:after{right:-27px}
	.join_success{padding:20px;}
	.list_left h5{font-size:15px}
	.join_guide .table_view tr:last-child td{padding:10px 15px}
	.layer_pop{width:90%; margin-left:-45%; margin-top:-225px;}
	.pop_wrap{height:450px;}
	.pop_wrap .btn_box a{margin-bottom:10px;}

	.srch_section h5{padding:10px 5px}
	.com_list {width:100%;}
	.lv_box > div {width:50%;}
	.ins_content .list{width:90%}
	.lv0>a:after{height:750px}
	.table_view th, .join_guide .table_view tr:last-child td {padding:1px;}
	#hnhmap{height:350px}
	.address_info{padding:15px}
	.addr_area,.phone_info{float:none; width:100%; text-align:left}
	.phone_info{margin-top:10px}
	.business_info{height:100%}
	.business_info li{float:none; width:100%; height:200px;}

	.border_style:before{width:30%; border-color:#fab95b transparent transparent transparent}
	.border_style:after{border-color:transparent transparent transparent #fab95b}
	.border_style{border-color:transparent #fab95b  #fab95b  transparent}

	.sale_list li{height:100%}
	.sale_list li div{width:100%; float:none}
	.sale_list li .sale_img{padding:0; padding-top:6px}
	.sale_list li .btn_box{padding:15px 0}

	.pay_srch{background:#efefef; padding:5px}
	.pay_srch label.cut_line:before{content:""; display:block; width:2px;}
	.scroll_box{width:100%; overflow-x:scroll}
	.scroll_box table{min-width:1000px;}
	.join_section .table_view{min-width:50%}
	.join_section .table_view input.width90{width:90%}
	.ins_content .join_step .ins_grade{display:none}
	.ins_list li{width:47%;}
	.ins_list li, .ins_list li:nth-of-type(4), .ins_list li:nth-of-type(5), .ins_list li:nth-of-type(6),.box_style{min-height:auto;}
	.ins_content .process_list.list_fourth li{width:38%}
	.circle_txt{width:60%}
	.ins_step .group_list .circle:after{height:100px;}
	.ins_grade_wrap .sort_list li a{width:100px}
	.ins_content .box_style{margin:8px 0}
	.vison_list li span{height:200px}
	.ins_content .ins_paylist li span{padding-top:97px}
	.ins_content .ins_paylist li p{top:38px}
}

@media all and (max-width:677px){
	#divClassHi ul li:nth-child(4){border-right-width:1px}
	#divClassHi ul li:nth-child(n+5){border-top-width:0}
	.map_list{width:50%}
	.ins_content .join_step>li>div{width:55%}
	.ins_list li{width:100%}
	.ins_content .process_list li{width:70%}
	.ins_person span{height:100px}
	.lv_item, .lv_child {width:140px;}
	.lv_item.toLeftTop:after {right:140px;}
	.lv_item.toRightTop:after {left:140px;}
}
@media all and (max-width:545px){
	#divClassHi ul li:nth-child(4n){border-right-width:0}
	#divClassHi ul li:nth-child(3n){border-right-width:1px}
	#divClassHi ul li:nth-child(n+4){border-top-width:0}
	.ins_content .process_list li.square_wrap{width:130px}
	.ins_content .square_w{min-height:140px}
	.circle_txt{width:55%}
	.ins_step .group_list .circle:after{height:180px;}
	.view_down{margin-top:0}
	.ins_content .btn{padding:0 5px}
	.ins_content .list_left h6{left:-4px}
}
@media all and (max-width:500px){
	.family_box{width:46.5%}
	.rc_gallery .rc_img{width:30%;}
	.rc_gallery .rc_info{width:70%;}
	.rc_date{font-size:14px;}
	.rc_link{font-size:15px;}
	.rc_detail span{font-size:14px;}

	.mobile_select span{width:90%}
	.btn_group .btn_left a.btn:nth-of-type(3), .btn_group .btn_left a.btn:nth-of-type(4){display:none}
	#tableBoardList .mobile_hidden{display:none;}
	.faq_btn .btn_right{padding-top:10px;}
	.ins_content .join_step>li{min-height:100%;}
	.ins_content .join_step>li:before{position:inherit; margin-top:0}
	.ins_content .join_step>li>span{top:80px; left:55%; margin-left:-54px; }
	.ins_content .join_step>li>div{position:initial; display:block; width:100%; transform:translate(0 ,0); padding-bottom:10px; margin-bottom:10px}
	.ins_content .join_step>li:after{left:50%}
	.join_step>li{padding:0}
	.join_step>li:after{display:none}
	.sup_sort>li>a{width:100px;}
	.sup_sort{width:360px;}
	.business_square:after{width:240px; left:-18px;}
	.vison_list li span{height:135px}
	.com_list {font-size: 0.9em;}
	.com_list .lv_item {font-size: 1em;}
	.lv_item, .lv_child {width:100px; }
	.lv_item.toLeftTop:after {right:100px; width:30px;}
	.lv_item.toRightTop:after {left:100px; width:30px;}
}
@media all and (max-width:450px){
	.mobile_select button{width:90%;}
	.history_wrap{padding:0 10px}
	.history_box:after{width:60%}
	.history_box{padding:20px 15px}
	.history_date{width:31%}
	.history_event{width:69%}
	.staff_photo .staff_name{display:block;}

	.view_wrap{margin:20px 0; font-size:14px;}
	.table_view td{width:30%; padding:10px;}
	.table_view th{width:20%}
	.view_contents{padding:0; font-size:15px;}
	.bbs_pagetitle{padding:10px;}
	.bbs_movepage{padding:10px 0;}
	.table_write tr:nth-child(2) td label{display:block}

	.question_box{padding:5px 18px 13px}
	.answer_box{display:none; padding:15px 40px}
	.bd_box{width:90%; margin:30px auto; padding:30px 10px}

	.srch_map{float:none; margin:0 auto;}
	.srch_location_box span{display:block; clear:both}
	.srch_location_box h4{padding:0}
	.srch_bar .btn{padding:0 10px}
	.login_sec .btn,.input_txt{width:300px}

	.map_list ul li i{padding:0 5px;}
	.map_list{padding:5px}
	.ins_person span{height:75px}
}
@media all and (max-width:410px){
	#divBoard #divClassHi ul li{width:49%}
	#divClassHi ul li:nth-child(3n){border-right-width:0}
	#divClassHi ul li:nth-child(2n){border-right-width:1px}
	#divClassHi ul li:nth-child(n+3){border-top-width:0}
}
@media all and (min-width:767px){
	.photo_list li{width:50%; margin:20px 0}
	.photo_wrap{float:left; width:140px; max-height:170px;}
	.info_box{width:50%; float:left;}
	.info_box h6{margin:20px 0; font-size:18px;}
	.info_box p{width:100%; padding:0 10px;}
	.left-txt{width:31%; float:left}
	.right-txt{width:65%; float:left}
}