.head_util .util .member_tit{color:#505050;}
.al_center{text-align:center;}
.br_pc { display: block; width: 100%; } 

.btn_wrap { display: flex; justify-content: center; margin-top: 30px; } 
.btn_wrap.flex_right { justify-content: flex-end; } 
.btn_wrap .btn_type + .btn_type { margin-left: 30px; } 

.btn_type { display: inline-flex; align-items: center; position: relative; padding: 0 2px; background: none; color: #1e1e1e; font-size: 18px; line-height: 36px; font-weight: 700; letter-spacing: -0.04em; transition:.2s;} 
.btn_type:before{content:''; position:absolute; bottom:0; left:0; width:100%; height:2px; background:#1e1e1e; z-index:-1; transition:.2s;}
.btn_type:hover {color: #fff; } 
.btn_type:hover:before{height:100%;}
.btn_type i { width: 20px; height: 20px; margin-right: 7px; background-repeat: no-repeat; background-position: center center; background-size: contain; transition:.2s;} 
.btn_type .ico_wr { background-image: url(../images/sub/ico_btn_type_wr.png); } 
.btn_type:hover .ico_wr { background-image: url(../images/sub/ico_btn_type_wr_hover.png); } 
.btn_type .ico_del { background-image: url(../images/sub/ico_btn_type_del.png); } 
.btn_type:hover .ico_del { background-image: url(../images/sub/ico_btn_type_del_hover.png); } 
.btn_type .ico_list { background-image: url(../images/sub/ico_btn_type_list.png); } 
.btn_type:hover .ico_list { background-image: url(../images/sub/ico_btn_type_list_hover.png); } 
.btn_type .ico_cancel { background-image: url(../images/sub/ico_btn_type_cancel.png); } 
.btn_type:hover .ico_cancel { background-image: url(../images/sub/ico_btn_type_cancel_hover.png); } 
.btn_type .ico_stats { background-image: url(../images/sub/ico_btn_type_stats.png); } 
.btn_type:hover .ico_stats { background-image: url(../images/sub/ico_btn_type_stats_hover.png); } 



.btn_type03{display:inline-block; background:#fff; font-weight:bold; font-size:20px; line-height:80px; height:80px; min-width:200px; border:1px solid #ddd; cursor:pointer;}
.btn_type03 + .btn_type03{margin-left:4px;}
.btn_type03:hover{border-color:#1e1e1e;}

.btn_type03.yellow{background:#f8de3b; border-color:#f8de3b;}
.btn_type03.black{background:#1e1e1e; border-color:#1e1e1e; color:#fff;}
.btn_type03.gray{background:#787878; color:#fff;}

@media screen and (max-width:786px){
	.btn_type03{font-size:16px; min-width:140px;}
}

@media screen and (max-width:568px){
	.btn_type03{font-size:14px; min-width:100px; line-height:50px; height:50px;}
}


.btn_telbox { display: inline-flex; padding: 0 9px 0 26px; border-radius: 4px; background: url(../images/sub/ico_tel_white.png) no-repeat 8px center #0e4f8e; color: #fff; font-size: 15px; line-height: 24px; font-weight: 400; } 
.btn_blank_blue { display: inline-flex; padding: 0 9px 0 26px; border-radius: 4px; background: url(../images/sub/ico_blank_white.png) no-repeat 8px center #258ff6; color: #fff; font-size: 15px; line-height: 24px; font-weight: 400; } 

.txtlink{color:#128be0;; text-decoration:underline; transition:.2s;}
.txtlink:hover{color:#0f4c77;}

.w260 { width: 260px !important; } 
.h400 { height: 400px !important; } 

.subvisual { display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative; height: 160px; background-repeat: no-repeat; background-position: center center; background-size: cover; } 
.subvisual .title { padding: 10px 0; color: #fff; font-size: 30px; line-height: 38px; font-weight: 700; letter-spacing: -0.04em; } 
.subvisual .location { display: flex; align-items: center; height: 34px; border-radius: 17px;} 
.subvisual .location > li { position: relative; } 
.subvisual .location > li + li { margin-left: 12px; padding-left: 18px; } 
.subvisual .location > li + li::before { content: ''; position: absolute; top: 50%; left: 0; width: 7px; height: 12px; margin-top: -6px; background: url(../images/sub/ico_location_arrow.png?1) no-repeat center center; background-size: contain; } 
.subvisual .location > li a { display: flex; align-items: center; color: #fff; font-size: 15px; line-height: 20px; font-weight: 400; letter-spacing: -0.04em; } 
.subvisual .location > li a .ico_home { width: 18px; height: 17px; margin-right: 5px; background: url(../images/sub/ico_location_home.png) no-repeat center center; background-size: contain; } 
.subvisual .location > li em { color: #fff; font-size: 15px; line-height: 20px; font-weight: 700; letter-spacing: -0.04em; } 

.sub_content { padding: 60px 0; letter-spacing: -0.04em; } 

.img_common img{max-width:100%;}

/* leftmenu */
.sub_content .inner_center.hasLeft{display:flex;}
.sub_content .inner_center.hasLeft .rightcont{width:calc(100% - 310px);}

.leftmenu{width:260px; margin-right:50px;}
.leftmenu .menu_wrap{margin-top:-140px;}
.leftmenu .menutop{height:150px; background:url('../images/sub/bg_leftmenu_top.png') 0 0 no-repeat; padding:80px 30px 0 30px; border-radius:40px 0 0 0; color:#fff; font-weight:bold; font-size:28px;}
.leftmenu .menulist{background:#fff;}
.leftmenu .menulist > ul{border:1px solid #ddd; border-top:0;}
.leftmenu .menulist > ul > li{}
.leftmenu .menulist > ul > li + li{border-top:1px solid #ddd;}
.leftmenu .menulist > ul > li > a{position:relative; display:block; line-height:20px; font-size:16px; padding:20px 50px 20px 20px; transition:.2s;}
.leftmenu .menulist > ul > li > a:hover{color:#0f4c77; text-decoration:underline;}
.leftmenu .menulist > ul > li > ul{background:#f5f5f5; padding: 20px 0px 20px 10px;}
.leftmenu .menulist > ul > li > ul > li{}
.leftmenu .menulist > ul > li > ul > li + li{margin-top:14px;}
.leftmenu .menulist > ul > li > ul > li > a{position:relative; display:block; line-height:20px; font-size:15px; padding-left:22px; background:url('../images/sub/ico_leftmenu_depth2.png') 0 center no-repeat;}
.leftmenu .menulist > ul > li > ul > li.active > a,
.leftmenu .menulist > ul > li > ul > li > a:hover{color:#0f4c77; text-decoration:underline;}

.leftmenu .menulist > ul > li.active > a{background: #324164;color:#fff;font-weight:bold;}
.leftmenu .menulist > ul > li.active > a:after{content:''; position:absolute; top:0; right:-30px; border-bottom: 30px solid transparent; border-top: 30px solid transparent; border-left: 30px solid #324164;}

.leftmenu .menulist > ul > li.hasDepth > a:before{content:''; position:absolute; width:14px; height:8px; right:20px; top:50%; margin-top:-4px; background:url('../images/sub/ico_leftmneu_hasDepth.png') 0 0 no-repeat;}
.leftmenu .menulist > ul > li.hasDepth.active > a:before{background:url('../images/sub/ico_leftmneu_hasDepth_on.png') 0 0 no-repeat;}

@media screen and (max-width:1024px){
	.sub_content .inner_center.hasLeft{display:block;}
	.sub_content .inner_center.hasLeft .rightcont{width:auto;}
	.leftmenu{display:none;}
}

/*// leftmenu */

select:focus { box-shadow: 0 0 10px rgba(0,0,0,0.2); } 

.sub_titlebox { display: flex; align-items: center; margin-bottom:30px;} 
.sub_titlebox .btns { margin-left: auto; } 
.sub_title { padding-left: 38px; background: url(../images/sub/ico_sub_title.png?1) no-repeat 0 6px; font-size: 30px; line-height: 28px; font-weight: 700; } 

.sub_searchbox { display: flex; margin-top: 40px;} 
.sub_search { display: flex; height: 50px; margin-left: auto; border: 1px solid #dcdcdc; } 
.sub_search .select_search { width: 138px; padding: 0 32px 0 14px; border: none; background: url(../images/ico_arrow_down.png) no-repeat right 9px center; background-size: 24px; color: #000; font-size: 15px; font-weight: 400; letter-spacing: -0.04em; } 
.sub_search .input_search { width: 280px; padding: 0 14px; border: none; border-right: 1px solid #dcdcdc; border-left: 1px solid #dcdcdc; font-size: 15px; letter-spacing: -0.04em; } 
.sub_search .btn_search { width: 78px; background: #505967; color: #fff; font-size: 15px; letter-spacing: -0.04em; } 
.sub_search .btn_search:hover,
.sub_search .btn_search:focus { background: #1e1e1e; } 

.sub_total_result { font-size: 15px; } 
.sub_total_result strong { color: #128be0; font-weight: 700; } 

.sub_searchbox + .sub_total_result{margin-top:-20px;}

@media screen and (max-width:767px){
.sub_searchbox + .sub_total_result{margin-top:20px;}
}

.board_list { width: 100%; margin-top: 30px; } 
.board_list .tr_notice { background: #f5f5f5; } 
.board_list th { padding: 17px 0 13px; border-top: 2px solid #000; border-bottom: 1px solid #000; background: #f5f5f5; font-size: 15px; line-height: 19px; font-weight: 700; text-align: center; } 
.board_list td { height: 49px; padding: 12px; border-bottom: 1px solid #dcdcdc; font-size: 15px; line-height: 19px; font-weight: 400; text-align: center; } 
.board_list td.td_subject { padding: 12px 10px; text-align: left; } 
.board_list td .mark_notice { display: inline-flex; padding: 0 7px; border-radius: 4px; background: #324164; color: #fff; font-size: 15px; line-height: 24px; font-weight: 700; } 
.board_list td .subject:hover { color: #0f4c77; text-decoration: underline; } 
.file_ico { display: block; width: 24px; height: 24px; margin: 0 auto; background-repeat: no-repeat; background-position: center center; background-size: contain; color: rgba(0,0,0,0.01); font-size: 1px; line-height: 1px; text-indent: -999px; } 
.file_ico.ico_pdf { background-image: url(../images/sub/ico_file_pdf.png); } 
.file_ico.ico_hwp { background-image: url(../images/sub/ico_file_hwp.png); } 
.file_ico.ico_folder { background-image: url(../images/sub/ico_file_folder.png); } 
.file_ico.ico_img { background-image: url(../images/sub/ico_file_img.png); } 
.file_ico.ico_word { background-image: url(../images/sub/ico_file_word.png); } 
.file_ico.ico_excel { background-image: url(../images/sub/ico_file_excel.png); } 
.file_ico.ico_disk { background-image: url(../images/sub/ico_file_disk.png); } 

.file_list .filename .file_ico { flex: 0 0 24px; } 

.paging { display: flex; justify-content: center; align-items: center; width: 100%; margin-top: 30px; text-align: center; } 
.paging a { position: relative; min-width: 34px; height: 34px; padding: 0 5px; border-radius: 4px; font-size: 15px; line-height: 34px; font-weight: 400; text-align: center; cursor:pointer;} 
.paging a:hover,
.paging a:focus,
.paging a.active { background: #0f4c77; color: #fff; } 
.paging a.btn_pg_first { width: 34px; background:url(../images/sub/ico_paging_first.png) no-repeat center center; text-align: left; text-indent: -999px; overflow: hidden; } 
.paging a.btn_pg_prev { width: 34px; background:url(../images/sub/ico_paging_prev.png) no-repeat center center; text-align: left; text-indent: -999px; overflow: hidden; } 
.paging a.btn_pg_next { width: 34px; background:url(../images/sub/ico_paging_next.png) no-repeat center center; text-align: left; text-indent: -999px; overflow: hidden; } 
.paging a.btn_pg_last { width: 34px; background:url(../images/sub/ico_paging_last.png) no-repeat center center; text-align: left; text-indent: -999px; overflow: hidden; } 
.paging + .btn_wrap { margin-top: -22px; justify-content: flex-end; } 

.sp_stats{display:inline-block;}
.sp_stats.ing{padding:4px 0; width:70px; text-align:center; border-radius:4px; background:#128be0; color:#fff;}
.sp_stats.ready{padding:4px 0; width:70px; text-align:center; border-radius:4px;    background: #e6f5ff; color: #0c68a8;}

@media screen and (max-width:767px){
	.sp_stats.ing{width:60px;}
	.sp_stats.ready{width:60px;}
}

.sub_tab {display: flex;border-bottom: 1px solid #dcdcdc;flex-wrap: wrap;border-top: 1px solid #dcdcdc;} 
.sub_tab li {width: 20%;display: flex;} 
.sub_tab li a {display: flex;flex-wrap: wrap;justify-content: center;align-items: center;position: relative;width: 100%;padding: 20px 0;color: #787878;font-size: 15px;line-height: 19px;text-align: center;} 
.sub_tab li a:hover,
.sub_tab li a.active { color: #1e1e1e; font-weight: 700; } 
.sub_tab li a:hover:before,
.sub_tab li a.active::before { content: ''; position: absolute; right: 0; bottom: -1px; left: 0; height: 6px; border-radius: 4px 4px 0 0; background: #1e1e1e; } 
.sub_tab li a.tab_color00:hover,
.sub_tab li a.tab_color00.active { color: #0f4c77; } 
.sub_tab li a.tab_color00:hover:before,
.sub_tab li a.tab_color00.active::before { background: #0f4c77; } 
.sub_tab li a.tab_color01:hover,
.sub_tab li a.tab_color01.active { color: #e34668; } 
.sub_tab li a.tab_color01:hover:before,
.sub_tab li a.tab_color01.active::before { background: #e34668; } 
.sub_tab li a.tab_color02:hover,
.sub_tab li a.tab_color02.active { color: #e98821; } 
.sub_tab li a.tab_color02:hover:before,
.sub_tab li a.tab_color02.active::before { background: #e98821; } 
.sub_tab li a.tab_color03:hover,
.sub_tab li a.tab_color03.active { color: #2d996d; } 
.sub_tab li a.tab_color03:hover:before,
.sub_tab li a.tab_color03.active::before { background: #2d996d; } 
.sub_tab li a.tab_color04:hover,
.sub_tab li a.tab_color04.active { color: #278ba4; } 
.sub_tab li a.tab_color04:hover:before,
.sub_tab li a.tab_color04.active::before { background: #278ba4; } 
.sub_tab li a.tab_color05:hover,
.sub_tab li a.tab_color05.active { color: #743e96; } 
.sub_tab li a.tab_color05:hover:before,
.sub_tab li a.tab_color05.active::before { background: #743e96; } 
.sub_tab li a.tab_color06:hover,
.sub_tab li a.tab_color06.active { color: #6865e2; } 
.sub_tab li a.tab_color06:hover:before,
.sub_tab li a.tab_color06.active::before { background: #6865e2; } 
.sub_tab li a.tab_color07:hover,
.sub_tab li a.tab_color07.active { color: #9f7257; } 
.sub_tab li a.tab_color07:hover:before,
.sub_tab li a.tab_color07.active::before { background: #9f7257; } 
.sub_tab li a.tab_color08:hover,
.sub_tab li a.tab_color08.active { color: #159ed7; } 
.sub_tab li a.tab_color08:hover:before,
.sub_tab li a.tab_color08.active::before { background: #159ed7; } 
.sub_tab li a.tab_color09:hover,
.sub_tab li a.tab_color09.active { color: #58a70b; } 
.sub_tab li a.tab_color09:hover:before,
.sub_tab li a.tab_color09.active::before { background: #58a70b; }
.sub_tab li a.tab_color10:hover,
.sub_tab li a.tab_color10.active { color: #15b14c; } 
.sub_tab li a.tab_color10:hover:before,
.sub_tab li a.tab_color10.active::before { background: #15b14c; }  

.gallery_list { margin-top: 30px; padding: 20px 0 30px; border-top: 2px solid #000; border-bottom: 1px solid #dcdcdc; } 
.gallery_list > ul { display: flex; flex-wrap: wrap; margin: 0 -10px; } 
.gallery_list > ul > li { width: 25%; padding: 20px 10px; } 
.gallery_list .inbox { display: block; } 
.gallery_list .inbox .imgbox { position: relative; height: 0; padding-bottom: 70.8%; overflow: hidden; } 
.gallery_list .inbox .imgbox .mark { position: absolute; top: 12px; left: 0; padding: 6px 20px 6px 10px; border-radius: 0 15px 15px 0; background: #1e1e1e; color: #fff; font-size: 14px; line-height: 18px; font-weight: 700; z-index: 1; } 
.gallery_list .inbox .imgbox .mark.tab_bg01 { background-color: #e34668; } 
.gallery_list .inbox .imgbox .mark.tab_bg02 { background-color: #e98821; } 
.gallery_list .inbox .imgbox .mark.tab_bg03 { background-color: #2d996d; } 
.gallery_list .inbox .imgbox .mark.tab_bg04 { background-color: #278ba4; } 
.gallery_list .inbox .imgbox .mark.tab_bg05 { background-color: #743e96; } 
.gallery_list .inbox .imgbox .mark.tab_bg06 { background-color: #6865e2; } 
.gallery_list .inbox .imgbox .mark.tab_bg07 { background-color: #9f7257; } 
.gallery_list .inbox .imgbox .mark.tab_bg08 { background-color: #159ed7; } 
.gallery_list .inbox .imgbox .mark.tab_bg09 { background-color: #58a70b; } 
.gallery_list .inbox .imgbox .mark.tab_bg10 { background-color: #15b14c; } 
.gallery_list .inbox .imgbox .img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-repeat: no-repeat; background-position: center center; background-size: cover; transition: .3s; } 
.gallery_list .inbox:hover .imgbox .img { transform: scale(1.1); } 
.gallery_list .inbox .txtbox .tit { display: -webkit-box; /*height: 42px;*/ margin-top: 18px; font-size: 16px; line-height: 21px; font-weight: 700; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } 
.gallery_list .inbox .txtbox .txt { margin-top: 5px; font-size: 15px; line-height: 18px; } 
.gallery_list .boxnone{width:100%;font-size:15px;padding:40px 0px;text-align:center;}

.board_view_wrap { padding-bottom: 40px; border-top: 2px solid #000; border-bottom: 1px solid #dcdcdc; } 
.board_view .title { margin-top: 4px; padding: 25px 19px; font-size: 20px; line-height: 25px; font-weight: 700; text-align: center; } 
.board_view .dl_info { display: flex; align-items: center; padding: 13px 19px 12px; border-top: 1px solid #dcdcdc; } 
.board_view .dl_info dl { display: inline-flex; position: relative; font-size: 15px; line-height: 24px; } 
.board_view .dl_info dl + dl { margin-left: 12px; padding-left: 13px; } 
.board_view .dl_info dl + dl::before { content: ''; position: absolute; top: 5px; left: 0; width: 1px; height: 14px; background: #dcdcdc; } 
.board_view .dl_info dl dt { font-weight: 700; } 
.board_view .dl_info dl.views { margin-left: auto; padding-left: 0; } 
.board_view .dl_info dl.views::before { display: none; } 
.board_view .file_info { display: flex; align-items: flex-start; padding: 13px 19px 12px; border-top: 1px solid #dcdcdc; font-size: 15px; line-height: 24px; } 
.board_view .file_info .tit { font-size: 15px; line-height: 24px; } 
.board_view .file_info .file_list { flex: 1; position: relative; margin-left: 12px; padding-left: 13px; } 
.board_view .file_info .file_list::before { content: ''; position: absolute; top: 5px; left: 0; width: 1px; height: 14px; background: #dcdcdc; } 
.board_view .file_info .file_list li { display: flex; align-items: flex-start; } 
.board_view .file_info .file_list li + li { margin-top: 6px; } 
.board_view .file_info .filename { display: inline-flex; align-items: flex-start; margin-right: 16px; color: #505050; } 
.board_view .file_info .filename .file_ico { margin-right: 10px; } 
.board_view .file_info .download { margin-left: auto; color: #505050; padding-right: 18px; background: url(../images/sub/ico_download_blue.png) no-repeat right center; white-space: nowrap; } 
.board_view .file_info .download:hover { color: #128be0; } 
.board_view .cont_info { padding: 26px 19px 0; border-top: 1px solid #dcdcdc; font-size: 15px; line-height: 18px; } 
.board_view .cont_info p{ margin: 0 0 10px;font-size: 17px;line-height:22px;} 
.board_view .cont_info a{ word-break: break-all;text-decoration: underline;} 
.board_view .cont_info img { max-width: 100%; } 
.board_view .filebox { display: flex; align-items: flex-start; margin-top: 40px; padding: 15px 40px 15px 30px; background: #f5f5f5; font-size: 15px; line-height: 24px; } 
.board_view .filebox .tit { font-size: 15px; line-height: 24px; } 
.board_view .filebox .file_list { flex: 1; position: relative; margin-left: 14px; padding-left: 14px; } 
.board_view .filebox .file_list::before { content: ''; position: absolute; top: 5px; left: 0; width: 1px; height: 14px; background: #dcdcdc; } 
.board_view .filebox .file_list li { display: flex; align-items: flex-start; } 
.board_view .filebox .file_list li + li { margin-top: 6px; } 
.board_view .filebox .filename { display: inline-flex; align-items: flex-start; margin-right: 16px; color: #505050; } 
.board_view .filebox .filename .file_ico { margin-right: 10px; } 
.board_view .filebox .download { margin-left: auto; color: #505050; padding-right: 18px; background: url(../images/sub/ico_download_blue.png) no-repeat right center; white-space: nowrap; } 
.board_view .filebox .download:hover { color: #128be0; } 

.answer_box { margin-top: 40px; border: 1px solid #dcdcdc; border-top-color: #1e1e1e; } 
.answer_box .answer_tit { margin: 17px 19px; padding-left: 19px; background: url(../images/sub/ico_answer_tit.png) no-repeat 0 8px; font-size: 18px; line-height: 24px; font-weight: 700; } 
.answer_box .answer_info { display: flex; align-items: center; padding: 13px 19px 12px; border-top: 1px solid #dcdcdc; } 
.answer_box .answer_info dl { display: inline-flex; position: relative; font-size: 15px; line-height: 24px; } 
.answer_box .answer_info dl + dl { margin-left: 12px; padding-left: 13px; } 
.answer_box .answer_info dl + dl::before { content: ''; position: absolute; top: 5px; left: 0; width: 1px; height: 14px; background: #dcdcdc; } 
.answer_box .answer_info dl dt { font-weight: 700; } 
.answer_box .answer_cont { padding: 30px; border-top: 1px solid #dcdcdc; font-size: 15px; line-height: 18px; } 

.prev_next { margin-top: 40px; border-top: 1px solid #dcdcdc; } 
.prev_next li { position: relative; border-bottom: 1px solid #dcdcdc; } 
.prev_next li .view_prev { position: absolute; top: 0; left: 0; width: 96px; height: 100%; padding-left: 41px; background: url(../images/sub/ico_prev_next_up.png) no-repeat 19px 20px; font-size: 15px; line-height: 49px; font-weight: 400; } 
.prev_next li .view_next { position: absolute; top: 0; left: 0; width: 96px; height: 100%; padding-left: 41px; background: url(../images/sub/ico_prev_next_down.png) no-repeat 19px 20px; font-size: 15px; line-height: 49px; font-weight: 400; } 
.prev_next li span::before { content: ''; position: absolute; top: 17px; right: 0; width: 1px; height: 14px; background: #dcdcdc; } 
.prev_next li .view_title_box a,
.prev_next li .view_title_box p,
.prev_next li .view_title_box .view_title { display: block; position: relative; width: 100%; padding: 15px 19px 15px 109px; font-size: 15px; line-height: 19px; z-index: 2; } 
.prev_next li .view_title_box a:hover,
.prev_next li .view_title_box a:focus { text-decoration: underline; } 

.board_write { width: 100%; border-top: 2px solid #000; } 
.board_write th { padding: 10px; border-bottom: 1px solid #dcdcdc; background: #f2f4f7; font-size: 15px; line-height: 20px; font-weight: 700; text-align: center; } 
.board_write td { padding: 10px; border-bottom: 1px solid #dcdcdc; font-size: 15px; line-height: 20px; font-weight: 400; } 

.input_field { display: flex; flex-wrap: wrap; align-items: center; min-height: 40px; } 
.input_field input[type="text"] { width: 100%; height: 40px; padding: 0 14px; border: 1px solid #dcdcdc; font-size: 15px; line-height: 20px; font-weight: 400; letter-spacing: -0.04em; } 
.input_field input.ico_date { padding-left: 32px; background: url(../images/sub/ico_calendar.png) no-repeat 12px center; } 
.input_field .ico_txt { font-size: 15px; line-height: 40px; text-align: center; } 
.input_field select { width: 100%; height: 40px; padding: 0 32px 0 14px; border: 1px solid #dcdcdc; background: url(../images/ico_arrow_down.png) no-repeat right 9px center; font-size: 15px; line-height: 20px; font-weight: 400; letter-spacing: -0.04em; } 
.input_field input[type="checkbox"] { position: relative; width: 1px; height: 1px; margin: -1px 0 0 -1px; border: none; background: none; opacity: 0.01; } 
.input_field input[type="checkbox"] + label { margin-right: 20px; padding-left: 24px; background: url(../images/sub/ico_checkbox.png) no-repeat 0 center; font-size: 15px; line-height: 24px; font-weight: 400; } 
.input_field input[type="checkbox"]:checked + label { background-image: url(../images/sub/ico_checkbox_on.png); } 
.input_field input[type="radio"] { position: relative; width: 1px; height: 1px; margin: -1px 0 0 -1px; border: none; background: none; opacity: 0.01; } 
.input_field input[type="radio"] + label { margin-right: 20px; padding-left: 24px; background: url(../images/sub/ico_radio.png) no-repeat 0 center; font-size: 15px; line-height: 24px; font-weight: 400; } 
.input_field input[type="radio"]:checked + label { background-image: url(../images/sub/ico_radio_on.png); } 
.input_field input[type="radio"] + span { margin-right: 20px; padding-left: 24px; background: url(../images/sub/ico_radio.png) no-repeat 0 center; font-size: 15px; line-height: 24px; font-weight: 400; } 
.input_field input[type="radio"]:checked + span { background-image: url(../images/sub/ico_radio_on.png); } 
.input_field input[type="file"] { color: #666; font-size: 15px; line-height: 24px; } 
.input_field textarea { width: 100%; height: 220px; padding: 10px 14px; border: 1px solid #dcdcdc; font-size: 15px; line-height: 20px; resize:none;} 

.form_type01_header{position:relative; border:1px solid #b4b4b5; border-radius:8px;}
.form_type01_header:before{content:''; position:absolute; left:-1px; top:-1px; width:calc(100% + 2px); border-top-left-radius:8px; border-top-right-radius:8px; height:10px; background:#324164; z-index:1;}
.form_type01_header .row01{padding:24px 20px;}
.form_type01_header .row01 h3{font-size:32px; font-weight:400;}
.form_type01_header .row01 p{margin-top:10px; font-size:15px;}
.form_type01_header .row02{padding:20px; border-top:1px solid #e0e0e0;}
.form_type01_header .row02 p{color:#d93025; font-size:14px;}

.from_type01{}
.from_type01 .item{border:1px solid #b4b4b5; border-radius:8px; padding:24px 25px 30px 24px;}
.from_type01 .item .mand{color:#d93025; margin-left:4px;}
.from_type01 .item + .item{margin-top:20px;}
.from_type01 .item .title{margin-bottom:20px; font-size:16px;}
.from_type01 .txt_help{position:relative; padding-left:18px; font-size:14px; color:#d93025; word-break:keep-all;}
.from_type01 .txt_help:before{content:'※'; position:absolute; left:0;}


@media screen and (max-width:767px){
	.form_type01_header .row01 h3{font-size:16px;}
	.form_type01_header .row01 p{font-size:13px;}
	.form_type01_header .row02 p{font-size:13px;}

	.from_type01 .item{padding:14px;}
	.from_type01 .item .title{font-size:15px;}
	.from_type01 .item + .item{margin-top:14px;}
}


.input_field_02 { display: flex; flex-wrap: wrap; align-items: center;} 
.input_field_02 + .input_field_02{margin-top:10px;}
.input_field_02 .inptxt{position:relative; max-width:612px; width:100%; border-bottom:1px solid #e0e0e0;}
.input_field_02 .inptxt input + i{position:absolute; bottom:-1px; height:2px; left:50%; width:0; background:#0f4c77; transition:.2s;}
.input_field_02 .inptxt input:focus + i{width:100%; left:0;}
.input_field_02 label{position:relative; padding-left: 24px;}
.input_field_02 label span { margin-right: 20px; font-size: 15px; line-height: 24px; font-weight: 400; } 
.input_field_02 input[type="text"] { width: 100%; height:30px; border:0; outline:none; font-size: 16px; line-height: 20px; font-weight: 400; letter-spacing: -0.04em; } 
.input_field_02 input[type="text"]:before{content:''; position:absolute;}
.input_field_02 input[type="radio"] { position: relative; width: 1px; height: 1px; margin: -1px 0 0 -1px; border: none; background: none; opacity: 0.01; } 
.input_field_02 input[type="radio"] + i{position:absolute; left:0; top:50%; margin-top:-10px; width:20px; height:20px; border:2px solid #bebebe; border-radius:100%; transition:.2s;}
.input_field_02 input[type="radio"] + i:before{content:''; position:absolute; left:50%; top:50%; width:0; height:0; background:#0f4c77; border-radius:100%; transition:.2s;}
.input_field_02 input[type="radio"]:checked + i { border-color:#0f4c77; } 
.input_field_02 input[type="radio"]:checked + i:before{width:10px; height:10px; margin-top:-5px; margin-left:-5px;}

.input_field_02 input[type="checkbox"] { position: relative; width: 1px; height: 1px; margin: -1px 0 0 -1px; border: none; background: none; opacity: 0.01; } 
.input_field_02 input[type="checkbox"] + i{position:absolute; left:0; top:50%; margin-top:-10px; width:20px; height:20px; border:2px solid #bebebe; border-radius:4px; transition:.2s;}
.input_field_02 input[type="checkbox"] + i:before{content:''; position:absolute; left:0; top:0; width:0; height:100%; background:url('/images/sub/ico_inpfield02_checkbox.png?1') 0 0 no-repeat; transition:.2s;}
.input_field_02 input[type="checkbox"]:checked + i { border-color:#0f4c77; background:#0f4c77; } 
.input_field_02 input[type="checkbox"]:checked + i:before{width:100%;}

.input_field_02 input[type="file"] { color: #666; font-size: 16px; line-height: 24px; } 
.input_field_02 textarea { width: 100%; height:30px; outline:none; border:0; border-bottom: 1px solid #e0e0e0; font-size: 16px; line-height: 20px; resize:none;} 
.input_field_02 .txtarea{position:relative; width:100%; border-bottom:1px solid #e0e0e0;}
.input_field_02 .txtarea textarea + i{position:absolute; bottom:-1px; height:2px; left:50%; width:0; background:#0f4c77; transition:.2s;}
.input_field_02 .txtarea textarea:focus + i{width:100%; left:0;}

.input_field_02.group_phone .inptxt{max-width:80px;}
.input_field_02 .txt_span{width:40px; display:inline-block; height:40px; line-height:40px; text-align:center;}

@media screen and (max-width:767px){
	.input_field_02.group_phone .txt_span{width:20px;}
	.input_field_02.group_phone .inptxt{width:100%; max-width:calc(33.33% - 14px);}
	.input_field_02 input[type="text"]{font-size:14px;}
	.input_field_02 input[type="file"]{font-size:14px;}
	.input_field_02 label span{font-size:14px;}
}

@media screen and (max-width:580px){
	.input_field_02.group_point {max-width:180px;}
	.input_field_02.group_point label{width:50%;}
}

.welfare_mapbox { display: flex; align-items: flex-start; border-top: 2px solid #000; } 
.welfare_map { flex: 1; position: relative; margin: 23px 0 0 -10px; } 
.welfare_map .btn_all { position: absolute; top: 15px; right: 10px; padding: 0 34px 0 22px; border-radius: 17px;; background: url(../images/sub/ico_arrow_right_white.png) no-repeat right 17px center #324164; color: #fff; font-size: 15px; line-height: 34px; font-weight: 700; } 
.welfare_map .img_map { width: 100%; height: auto; } 
.welfare_tabgroup {width: 320px;margin-left: 40px;} 
.welfare_tabgroup .tit { margin: 40px 0 20px; color: #1e1e1e; font-size: 20px; line-height: 21px; font-weight: 400; } 
.welfare_tab { display: flex; flex-wrap: wrap; margin: -5px; } 
.welfare_tab li {width: 33.33%;padding: 5px;} 
.welfare_tab li a { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; align-content: center; height: 50px; border: 1px solid #c7cdd9; border-radius: 8px; color: #324164; font-size: 14px; line-height: 20px; font-weight: 400; text-align: center; } 
.welfare_tab li a:hover,
.welfare_tab li a.active { border-color: #324164; background-color: #324164; color: #fff; font-weight: 700; } 
.welfare_tab li a .cnt { margin-left: 3px; color: #74adff; font-weight: 700; } 
.welfare_search { display: flex; flex-wrap: wrap; position: relative; margin-top: 50px; } 
.welfare_search select { flex: 1; height: 50px; padding: 0 40px 0 19px; border: 1px solid #dcdcdc; background: url(../images/sub/ico_select_arrow.png) no-repeat right 20px center; font-size: 15px; line-height: 20px; font-weight: 400; letter-spacing: -0.04em; } 
.welfare_search select + select { margin-left: 10px; } 
.welfare_search input[type="text"] { width: 100%; height: 50px; margin: 10px 0 0 0; padding: 0 50px 0 20px; border: 1px solid #b4b4b4; background: #f5f5f5; font-size: 15px; line-height: 20px; font-weight: 400; letter-spacing: -0.04em; } 
.welfare_search .btn_search { position: absolute; right: 7px; bottom: 5px; width: 40px; height: 40px; background: url(../images/sub/ico_search.png) no-repeat center center; text-indent: -999px; overflow: hidden; } 

.sub_bg_gray { margin-top: 40px; padding: 30px 0 40px; background: #f5f5f5; /*box-shadow: inset 0 15px 30px rgba(0,0,0,0.1);*/ } 
.sub_bg_gray + .btn_wrap { margin-top: 80px; } 
.welfare_status .title { font-size: 24px; line-height: 36px; font-weight: 700; text-align: center; } 
.welfare_data { display: flex; margin-top: 23px; } 
.welfare_data li { flex: 1; } 
.welfare_data li + li { margin-left: 12px; } 
.welfare_data .inbox { display: flex; align-items: center; height: 120px; border: 1px solid #dcdcdc; border-radius: 10px; } 
.welfare_data .inbox .ico { width: 68px; height: 68px; margin: 0 10%; background-repeat: no-repeat; background-position: center center; background-size: contain; } 
.welfare_data .inbox .txtbox dt { font-size: 15px; line-height: 25px; font-weight: 700; } 
.welfare_data .inbox .txtbox dd { font-size: 20px; line-height: 25px; font-weight: 700; } 
.welfare_data .welfare01 .ico { background-image: url(../images/sub/ico_welfare01.png); } 
.welfare_data .welfare02 .ico { background-image: url(../images/sub/ico_welfare02.png); } 
.welfare_data .welfare03 .ico { background-image: url(../images/sub/ico_welfare03.png); } 
.welfare_data .welfare04 .ico { background-image: url(../images/sub/ico_welfare04.png); } 
.welfare_data .welfare01 .txtbox dd { color: #258ff6;; } 
.welfare_data .welfare02 .txtbox dd { color: #f69b0a;; } 
.welfare_data .welfare03 .txtbox dd { color: #71bb19;; } 
.welfare_data .welfare04 .txtbox dd { color: #c088e8;; } 

.welfare_result { margin-top: 40px; padding-top: 40px; border-top: 1px solid #dcdcdc; } 
.welfare_result .result_cnt { font-size: 18px; line-height: 18px; font-weight: 400; } 
.welfare_result .result_cnt em { color: #128be0; font-weight: 500; } 
.welfare_list { display: flex; flex-wrap:wrap; margin-top:20px; margin-left:-20px;} 
.welfare_list li { width:50%; padding-left:20px; margin-bottom:20px;;} 
.welfare_list .inbox { display: flex; flex-direction: column; align-items: flex-start; position: relative; height: 100%; padding: 20px 20px 52px; border: 1px solid #dcdcdc; border-radius: 10px; background: #fff; box-shadow: 0 3px 5px rgba(0,0,0,0.1); } 
.welfare_list .inbox .tag { padding: 0 10px; border-radius: 12px; font-size: 13px; line-height: 24px; font-weight: 700; } 
.welfare_list .inbox .tit { margin-top: 7px; font-size: 18px; line-height: 24px; font-weight: 700; } 
.welfare_list .inbox .address { margin-top: 7px; margin-bottom: 6px; padding-left: 20px; background: url(../images/sub/ico_local.png) no-repeat 0 0; color: #128be0; font-size: 15px; line-height: 19px; font-weight: 400; } 
.welfare_list .inbox .btn_view { position: absolute; right: 20px; bottom: 20px; padding-right: 20px; background: url(../images/sub/ico_arrow_view.png) no-repeat right center; color: #0e4f8e; font-size: 14px; line-height: 14px; font-weight: 400; } 

.sub_mapbox {} 
.sub_mapbox .root_daum_roughmap { width: 100% !important; border-bottom: 1px solid #dfdfdf; } 
.sub_mapbox .root_daum_roughmap .wrap_map { height: 340px !important; } 
.sub_mapbox .wrap_controllers { display: none !important; } 

.sub_ctit { margin-top: 30px; font-size: 18px; line-height: 18px; font-weight: 700; } 

.table_info { width: 100%; margin-top: 18px; border-top: 1px solid #1e1e1e; } 
.table_info th { width: 220px; height: 50px; padding: 10px 15px; border-bottom: 1px solid #d3d3d3; border-left: 1px solid #d3d3d3; background: #f5f5f5; font-size: 15px; line-height: 19px; font-weight: 700; text-align: center; } 
.table_info td { height: 50px; padding: 10px 15px; border-right: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3; font-size: 15px; line-height: 19px; font-weight: 400; text-align: left; } 
.table_info .btn_telbox,
.table_info .btn_blank_blue { line-height: 30px; } 

.status_data { display: flex; margin-top: 18px; } 
.status_item { flex: 1; border: 1px solid #dcdcdc; border-radius: 10px; overflow: hidden; } 
.status_item + .status_item { margin-left: 15px; } 
.status_item .tit { display: flex; align-items: center; height: 50px; padding: 0 19px; border-bottom: 1px solid #dcdcdc; background: #f5f5f5; font-size: 15px; line-height: 20px; font-weight: 700; } 
.status_item .cont {position: relative;margin: 10px 19px;} 
.status_item .cont dl {display: flex;} 
.status_item .cont dl dt {font-size: 15px;line-height: 30px;font-weight: 400;} 
.status_item .cont dl dd { padding-left: 18px; color: #0e4f8e;; font-size: 15px; line-height: 30px; font-weight: 700; } 

.status_graph { display: flex; margin-top: 10px; padding: 25px 0; border: 1px solid #dcdcdc; border-radius: 10px; background: #f5f5f5; } 
.status_graph > li { flex: 1; } 
.status_graph .valbox { display: flex; justify-content: center; align-items: flex-end; height: 110px; } 
.status_graph .valbox .val { width: 15px; height: 0; background: #258ff6; } 
.status_graph .valbox .average { width: 15px; height: 0; background: #faaf37; } 
.status_graph .txtbox { margin-top: 6px; font-size: 15px; line-height: 19px; font-weight: 400; text-align: center; } 

.sub_stit { margin-top: 10px; font-size: 24px; line-height: 24px; font-weight: 700; } 

.toggle_list { margin-top: 30px; border-top: 2px solid #000; } 
.toggle_list > ul > li { border-bottom: 1px solid #000; } 
.toggle_list > ul > li .q { position: relative; z-index: 10; } 
.toggle_list > ul > li .q .i { position: absolute; top: 50%; left: 20px; width: 40px; height: 40px; margin-top: -20px; border-radius: 50%; background-color: #98a0b1; color: #fff; font-size: 18px; line-height: 40px; font-weight: 400; font-family: 'Arial'; text-align: center; z-index:5; } 
.toggle_list > ul > li.open .q .i { background-color: #324164; } 
.toggle_list > ul > li .q a { display: flex; align-items: center; position: relative; min-height: 80px; padding: 16px 80px; font-size: 15px; line-height: 24px; font-weight: 400; z-index: 6; } 
.toggle_list > ul > li .q a:before { content: ''; position: absolute; top: 50%; right: 20px; width: 40px; height: 40px; margin-top: -20px; background: url('../images/sub/btn_toggle_down.png') no-repeat center center; background-size:100%; transition: .3s; } 
.toggle_list > ul > li.open .q a:before { transform: rotate(180deg); transition: .3s; } 
.toggle_list > ul > li .a { display: none; position: relative; margin: 0 20px; border-top: 1px solid #dcdcdc; overflow: hidden; } 
.toggle_list > ul > li .a .i { position: absolute; top: 20px; left: 0; width: 40px; height: 40px; border-radius: 50%; background-color: #2379e2; color: #fff; font-size: 18px; line-height: 40px; font-weight: 400; font-family: 'Arial'; text-align: center; z-index:5; } 
.toggle_list > ul > li .a .toggle_con { position: relative; padding: 30px 0 36px 60px; font-size: 15px; line-height: 24px; } 
.toggle_list > ul > li.none {padding:28px;text-align:center;font-size: 15px; }

.toggle_list > ul > li .title { position: relative; z-index: 10; } 
.toggle_list > ul > li .title a { display: flex; align-items: center; position: relative; min-height: 80px; padding: 16px 16px; font-size: 18px; font-weight:bold; line-height: 24px; z-index: 6; } 
.toggle_list > ul > li .title a:before { content: ''; position: absolute; top: 50%; right: 20px; width: 40px; height: 40px; margin-top: -20px; background: url('../images/sub/btn_toggle_down.png') no-repeat center center; background-size:100%; transition: .3s; } 
.toggle_list > ul > li.open .title a:before { transform: rotate(180deg); transition: .3s; } 
.toggle_list > ul > li .contents { display: none; position: relative; margin: 0 0px; border-top: 1px solid #dcdcdc; overflow: hidden; } 
.toggle_list > ul > li .contents .toggle_con { position: relative; padding:20px; font-size: 15px; line-height: 24px; } 

@media screen and (max-width:767px){
	.toggle_list > ul > li .title a{font-size:16px; min-height:48px; padding:9px 36px 9px 9px;}
	.toggle_list > ul > li .title a:before { right: 0; width: 28px; height: 28px; margin-top: -14px; } 
	.toggle_list > ul > li .contents .toggle_con{padding:8px;}
}

.sub_notice { display: flex; align-items: center; position: relative; padding: 40px; border: 1px solid #dcdcdc; } 
.sub_notice::before { content: ''; position: absolute; top: -1px; left: -1px; width: 4px; height: 30px; background: #98a0b1; } 
.sub_notice::after { content: ''; position: absolute; top: -1px; left: -1px; width: 180px; height: 4px; background: #324164; } 
.sub_notice .icobox {position:relative; width: 120px; height: 120px; border-radius:100%; background:#f5f5f5; margin-right: 40px;} 
.sub_notice .icobox:before{content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center center;}
.sub_notice .icobox.ico00:before{background-image:url('../images/sub/ico_sub_notice_00.png');}
.sub_notice .icobox.ico01:before{background-image:url('../images/sub/ico_sub_notice_01.png');}
.sub_notice .icobox.ico02:before{background-image:url('../images/sub/ico_sub_notice_02.png');}
.sub_notice .icobox.ico03:before{background-image:url('../images/sub/ico_sub_notice_03.png');}
.sub_notice .icobox.ico04:before{background-image:url('../images/sub/ico_sub_notice_04.png');}
.sub_notice .icobox.ico05:before{background-image:url('../images/sub/ico_sub_notice_05.png');}
.sub_notice .txtbox { flex: 1; overflow: hidden; word-break:keep-all;} 
.sub_notice .txtbox .tit { font-size: 20px; line-height: 24px; font-weight: 700; } 
.sub_notice .txtbox .txt { margin-top: 8px; color: #787878; font-size: 15px; line-height: 18px; font-weight: 400; } 

.subtxt_xl { color: #324262; font-size: 18px; line-height: 24px; font-weight: 700; } 
.subtxt_xl + .subtxt_xl02 { margin-top: 5px; } 
.subtxt_xl02 { margin-top: 10px; color: #1e1e1e; font-size: 15px; line-height: 24px; font-weight: 700; } 

.subtxt_l {position: relative;padding-left: 15px;margin-top: 10px;font-size: 15px;line-height: 24px;font-weight: 400;} 
.subtxt_l::before { content: ''; position: absolute; top: 9px; left: 0; width: 6px; height: 6px; border-radius: 50%; background-color: #a7c9f3; } 
.subtxt_l > ol,
.subtxt_l > ul { padding-top: 5px; } 

.biz_editor_area > ul > li {position: relative;padding-left: 15px;margin-top: 6px;font-size: 15px;line-height: 24px;font-weight: 400;} 
.biz_editor_area > ul > li::before { content: ''; position: absolute; top: 9px; left: 0; width: 6px; height: 6px; border-radius: 50%; background-color: #a7c9f3; } 
.biz_editor_area p{font-size:15px;}
.biz_editor_area ul + p{margin-top:10px;}

.subtxt_m {position: relative;padding-left: 24px;margin-top: 10px;font-size: 15px;line-height: 24px;font-weight: 400;} 
.subtxt_m > ol,
.subtxt_m > ul { padding-top: 4px; } 
.subtxt_m > .bl_m { position: absolute; top: 3px; left: 0; width: 18px; height: 18px; border-radius: 50%; background-color: #86a6ce; color: #fff; font-size: 12px; line-height: 18px; font-weight: 400; text-align: center; } 
.subtxt_m > strong { font-weight: 700; } 
.subtxt_m > em { color: #1e1e1e; font-weight: 400; } 

.subtxt_s { position: relative; padding-left: 25px; margin-top: 6px; font-size: 15px; line-height: 24px; font-weight: 400; } 
.subtxt_s > .bl_s { position: absolute; top: 3px; left: 0; width: 18px; height: 18px; border: 1px solid #86a6ce; border-radius: 50%; background-color: #fff; color: #86a6ce; font-size: 12px; line-height: 16px; font-weight: 400; text-align: center; } 

.conttitle{color:#4b86cf; font-size:22px; line-height:24px; margin-bottom:14px; background:url('../images/sub/ico_conttitle.png') no-repeat 0 0; padding-left:30px;}

@media screen and (max-width:767px){
	.conttitle{font-size:18px; line-height:20px; background-size:20px; padding-left:24px;}
}

@media screen and (max-width:1280px){
 .welfare_tabgroup { width: 220px; margin-left: 20px; } 
 .welfare_tab li{width:50%;}
 }

@media screen and (max-width:1024px){
 .br_pc { display: none; } 
 .br_t { display: block; width: 100%; } 

 .sub_search .select_search { width: 100px; } 
 .sub_search .input_search { width: 250px; } 

 .paging + .btn_wrap { margin-top: 20px; justify-content: center; } 

 .sub_tab li a {font-size: 15px; line-height: 18px; } 

 .gallery_list > ul > li { width: 50%; } 

 .board_view .dl_info { padding-right: 0; padding-left: 0; } 
 .board_view .file_info { padding-right: 0; padding-left: 0; } 
 .board_view .cont_info { padding-right: 0; padding-left: 0; } 
 .board_view .filebox { padding: 15px 20px; } 

 .welfare_mapbox { flex-direction: column; } 
 .welfare_map { flex: none; width: 100%; max-width: 660px; margin: 23px auto 0; } 
 .welfare_tabgroup { width: 100%; margin-left: 0; } 

 .welfare_data .inbox .ico { margin: 0 8%; width:64px; height:64px;} 
 .welfare_data li + li{margin-left:8px;}

 .welfare_list { flex-wrap: wrap; } 
 .welfare_list li { flex: none; width: 50%; } 
 .welfare_list li + li { margin-left: 0; } 

 .status_item .tit { padding: 0 15px; } 
 .status_item .cont { margin: 10px 12px; } 
 .status_item .cont dl dt,
 .status_item .cont dl dd { padding-left: 8px; } 
 }

@media screen and (max-width:900px){
 .welfare_data .inbox { flex-direction: column; height: auto; border: none; } 
 .welfare_data .inbox .txtbox dd { text-align: center; } 
 }

/* mobile */
@media screen and (max-width:767px){
 .br_t { display: none; } 
 .br_m { display: block; width: 100%; } 

 .btn_wrap.m_flex_center { justify-content: center; } 
 .btn_type { font-size: 16px; } 

 .btn_telbox { font-size: 13px; } 
 .btn_blank_blue { font-size: 13px; } 

 .m_w220 { width: 220px !important; } 
 .m_h220 { height: 220px !important; } 

 .subvisual { height: 99px; padding: 11px 0 34px; } 
 .subvisual .title { font-size: 24px; line-height: 30px; } 
 /*
 .subvisual .location { justify-content: center; position: absolute; right: 0; bottom: 0; left: 0; border-radius: 0; } 
 */
 .subvisual .location > li + li { margin-left: 6px; padding-left: 13px; } 
 .subvisual .location > li a { font-size: 13px; } 
 .subvisual .location > li em { font-size: 13px; } 

 .sub_content { padding: 40px 0; } 

 .sub_titlebox{margin-bottom:20px;}
 .sub_titlebox .btns { display: none; } 
 .sub_titlebox .btns.remains { display: block; } 
 .sub_title { padding-left: 24px; background-position: 0 4px; background-size: 18px; font-size: 20px; line-height: 18px; } 

 .sub_searchbox { margin-top: 20px; } 
 .sub_search { flex-wrap: wrap; width: 100%; height: auto; } 
 .sub_search .select_search { width: 100%; height: 39px; border-bottom: 1px solid #dcdcdc; font-size: 14px; } 
 .sub_search .input_search { flex: 1; width: auto; height: 38px; border-left: none; font-size: 14px; } 
 .sub_search .btn_search { width: 58px; height: 38px; font-size: 14px; } 

 .sub_total_result { margin: 30px 0 -2px; font-size: 13px; line-height: 13px; } 

 table.board_list,
 table.board_list tbody { display: block; } 

 .board_list { margin-top: 15px; border-top: 2px solid #000; } 
 .board_list thead { display: none; } 
 .board_list tr { display: flex; flex-wrap: wrap; position: relative; padding: 14px 0; border-bottom: 1px solid #dcdcdc; } 
 .board_list tr.tr_notice { background: none; } 
 .board_list td { display: block; height: auto; padding: 0; border-bottom: none; color: #787878; font-size: 13px; line-height: 14px; text-align: left; } 
 .board_list td.td_num { width: 100%; font-size: 12px; } 
 .board_list td .mark_notice { padding: 0 9px; font-size: 12px; line-height: 20px; } 
 .board_list td.td_subject { width: 100%; padding: 0; } 
 .board_list td .subject { display: block; padding: 6px 0 8px; font-size: 14px; line-height: 17px; } 
 .board_list td.td_stats{margin-top:8px; width:100%;}
 .file_ico { width: 18px; height: 18px; } 
 .board_list td.td_file span,
 .board_list td.td_date span { position: relative; margin-right: 13px; } 
 .board_list td.td_file span::before,
 .board_list td.td_date span::before { content: ''; position: absolute; top: 50%; right: -7px; width: 1px; height: 10px; margin-top: -5px; background: #dcdcdc; } 

 .board_list td span{line-height:20px;}
 .board_list td.td_sep { position: relative; margin-right: 13px; } 
 .board_list td.td_sep + .td_sep span::before{ content: ''; position: absolute; top: 50%; left: -7px; width: 1px; height: 10px; margin-top: -5px; background: #dcdcdc; } 



 .paging a { min-width: 20px; height: 20px; padding: 0 2px; border-radius: 3px; font-size: 12px; line-height: 20px; } 
 .paging a.btn_pg_first { width: 20px; } 
 .paging a.btn_pg_prev { width: 20px; margin-right: 8px; } 
 .paging a.btn_pg_next { width: 20px; margin-left: 8px; } 
 .paging a.btn_pg_last { width: 20px; } 

 .sub_tab { flex-wrap: wrap; border: 1px solid #dcdcdc; background:#dcdcdc;} 
 .sub_tab li { flex: none; width: 50%; } 
 .sub_tab li:nth-child(2n) { border-left: 1px solid #dcdcdc; } 
 .sub_tab li:nth-child(2) ~ li { border-top: 1px solid #dcdcdc; } 
 .sub_tab li a { min-height: 48px; padding: 9px; background-color: #f5f5f5; font-size: 13px; line-height: 15px; } 
 .sub_tab li a.active { background-color: #fff; z-index: 1; } 
 .sub_tab li a:hover:before,
 .sub_tab li a.active::before { right: -1px; left: -1px; } 

 .gallery_list { margin-top: 15px; padding: 3px 0 9px; } 
 .gallery_list ul { margin: 0 -6px; } 
 .gallery_list ul li { padding: 10px 6px; } 
 .gallery_list .inbox .imgbox .mark { padding: 5px 10px 5px 8px; border-radius: 0 15px 15px 0; font-size: 12px; line-height: 14px; } 
 .gallery_list .inbox .txtbox .tit { height: 48px; margin-top: 8px; font-size: 13px; line-height: 16px; -webkit-line-clamp: 3; } 
 .gallery_list .inbox .txtbox .txt { margin-top: 5px; font-size: 12px; line-height: 14px; } 

 .board_view_wrap { margin-top: 20px; padding-bottom: 20px; } 
 .board_view .title { margin-top: 0; padding: 13px 0; font-size: 15px; line-height: 18px; text-align: left; } 
 .board_view .dl_info { flex-wrap: wrap; padding: 8px 0; } 
 .board_view .dl_info dl { font-size: 13px; line-height: 20px; } 
 .board_view .dl_info dl + dl { margin-left: 7px; padding-left: 7px; } 
 .board_view .dl_info dl + dl::before { top: 6px; height: 10px; } 
 .board_view .dl_info dl.views { width: 100%; } 
 .board_view .file_info { flex-direction: column; padding: 15px 0 0; font-size: 13px; line-height: 20px; } 
 .board_view .file_info .tit { font-size: 13px; line-height: 13px; } 
 .board_view .file_info .file_list { flex: none; width: 100%; margin-left: 0; padding-left: 0; } 
 .board_view .file_info .file_list::before { display: none; } 
 .board_view .file_info .file_list li { flex-direction: column; padding: 12px 0; } 
 .board_view .file_info .file_list li + li { margin-top: 0; border-top: 1px solid #dcdcdc; } 
 .board_view .file_info .filename { margin-right: 0; font-size: 13px; line-height: 24px; } 
 .board_view .file_info .filename .file_ico { width: 24px; height: 24px; } 
 .board_view .file_info .download { margin: 8px 0 0 0; font-size: 13px; line-height: 16px; } 
 .board_view .cont_info { padding-top: 40px; font-size: 14px; line-height: 17px; } 
 .board_view .cont_info img { display: block; margin: 0 auto; } 
 .board_view .filebox { flex-direction: column; margin-top: 30px; padding: 20px 20px 0; font-size: 13px; line-height: 20px; } 
 .board_view .filebox .tit { font-size: 13px; line-height: 13px; } 
 .board_view .filebox .file_list { flex: none; width: 100%; margin-left: 0; padding-left: 0; } 
 .board_view .filebox .file_list::before { display: none; } 
 .board_view .filebox .file_list li { flex-direction: column; padding: 12px 0; } 
 .board_view .filebox .file_list li + li { margin-top: 0; border-top: 1px solid #dcdcdc; } 
 .board_view .filebox .filename { margin-right: 0; font-size: 13px; line-height: 24px; } 
 .board_view .filebox .filename .file_ico { width: 24px; height: 24px; } 
 .board_view .filebox .download { margin: 8px 0 0 0; font-size: 13px; line-height: 16px; } 

 .answer_box { margin-top: 20px; } 
 .answer_box .answer_tit { margin: 11px 14px 8px; padding-left: 19px; background-position: 0 5px; font-size: 15px; line-height: 20px; } 
 .answer_box .answer_info { padding: 11px 14px 8px; border-top: 1px solid #dcdcdc; } 
 .answer_box .answer_info dl { font-size: 13px; line-height: 20px; } 
 .answer_box .answer_info dl + dl { margin-left: 9px; padding-left: 12px; } 
 .answer_box .answer_info dl + dl::before { top: 3px; } 
 .answer_box .answer_cont { padding: 12px 14px 35px; font-size: 13px; line-height: 16px; } 

 .prev_next { margin-top: 20px; } 
 .prev_next li .view_prev { top: 6px; height: 28px; padding-left: 22px; background-position: 0 center; font-size: 13px; line-height: 28px; } 
 .prev_next li .view_next { top: 6px; height: 28px; padding-left: 22px; background-position: 0 center; font-size: 13px; line-height: 28px; } 
 .prev_next li span::before { display: none; } 
 .prev_next li .view_title_box a,
 .prev_next li .view_title_box p,
 .prev_next li .view_title_box .view_title { padding: 34px 0 11px; font-size: 13px; line-height: 16px; } 

 table.board_write,
 table.board_write tbody { display: block; } 
 .board_write { } 
 .board_write tr { display: flex; flex-direction: column; padding: 14px 0; border-bottom: 1px solid #dcdcdc; } 
 .board_write th { padding: 0; border-bottom: none; background: none; font-size: 14px; line-height: 14px; text-align: left; } 
 .board_write td { display: block; margin-top: 10px; padding: 0; border-bottom: none; font-size: 13px; line-height: 18px; } 

 .input_field { min-height: auto; } 
 .input_field input[type="text"] { padding: 0 12px; font-size: 13px; line-height: 18px; } 
 .input_field input.ico_date { padding: 0 12px 0 32px; } 
 .input_field .ico_txt { font-size: 13px; } 
 .input_field select { padding-left: 12px; font-size: 13px; line-height: 18px; } 
 .input_field input[type="checkbox"] + label { margin-right: 15px; font-size: 13px; line-height: 20px; } 
 .input_field input[type="radio"] + label { margin-right: 15px; font-size: 13px; line-height: 20px; } 
 .input_field input[type="file"] { font-size: 13px; line-height: 20px; } 
 .input_field textarea { padding: 10px 12px; font-size: 13px; line-height: 20px; } 

 .welfare_mapbox { } 
 .welfare_map { margin-top: 10px; } 
 .welfare_map .btn_all { top: 5px; right: 0; padding: 0 28px 0 18px; background-position: right 12px center; font-size: 13px; } 
 .welfare_tabgroup .tit { margin: 20px 0 10px; font-size: 16px; line-height: 16px; } 
 .welfare_tab li { width: 33.33%; } 
 .welfare_tab li a { height: 40px; font-size: 13px; line-height: 18px; } 

 .welfare_search { margin-top: 20px; } 
 .welfare_search select { height: 40px; padding: 0 40px 0 9px; font-size: 13px; line-height: 18px; } 
 .welfare_search input[type="text"] { height: 40px; padding: 0 36px 0 9px; font-size: 13px; line-height: 18px; } 
 .welfare_search .btn_search { right: 4px; bottom: 4px; width: 32px; height: 32px; } 

 .sub_bg_gray { padding: 30px 0 35px; } 
 .sub_bg_gray + .btn_wrap { margin-top: 60px; } 
 .welfare_status .title { font-size: 18px; line-height: 24px; } 
 .welfare_data { margin-top: 17px; } 
 .welfare_data .inbox .txtbox dt { font-size: 12px; line-height: 18px; } 
 .welfare_data .inbox .txtbox dd { font-size: 15px; line-height: 20px; } 

 .welfare_result { margin-top: 25px; padding-top: 25px; } 
 .welfare_result .result_cnt { font-size: 15px; line-height: 23px; } 
 .welfare_list { margin-left: 0; margin-top:10pxs;} 
 .welfare_list li { width: 100%; padding-left:0; margin-bottom:10px;} 
 .welfare_list .inbox .tag { padding: 0 6px; border-radius: 10px; font-size: 12px; line-height: 20px; } 
 .welfare_list .inbox .tit { margin-top: 6px; font-size: 15px; line-height: 20px; } 
 .welfare_list .inbox .address { margin-top: 9px; margin-bottom: 5px; font-size: 13px; line-height: 17px; } 

 .sub_mapbox .root_daum_roughmap .wrap_map { height: 220px !important; } 

 .sub_ctit { margin-top: 23px; font-size: 15px; line-height: 16px; } 

 .table_info { margin-top: 10px; } 
 .table_info th { width: 80px; padding: 10px 0; font-size: 13px; line-height: 17px; } 
 .table_info td { padding: 10px 14px; font-size: 13px; line-height: 17px; } 

 .status_data { flex-direction: column; margin-top: 19px; } 
 .status_item + .status_item { margin: 10px 0 0 0; } 
 .status_item .tit { height: 33px; padding: 0 19px; font-size: 13px; line-height: 18px; } 
 .status_item .cont { margin: 5px 19px; display:flex; flex-wrap:wrap;}
 .status_item .cont dl{width:50%;}
 .status_item .cont dl dt,
 .status_item .cont dl dd { padding-left: 24px; font-size: 13px; } 

 .status_graph { margin-top: 20px; padding: 26px 0 12px; border: none; border-top: 1px solid #1e1e1e; border-bottom: 1px solid #dcdcdc; border-radius: 0; background: none; } 
 .status_graph .txtbox { margin-top: 9px; font-size: 11px; line-height: 14px; } 
 .status_graph .txtbox span { display: block; } 

 .sub_stit { margin-top: 0; padding-bottom: 4px; font-size: 18px; line-height: 18px; } 

 .toggle_list { margin-top: 15px; } 
 .toggle_list > ul > li .q .i { left: 0; width: 28px; height: 28px; margin-top: -14px; line-height: 28px; } 
 .toggle_list > ul > li .q a { min-height: 48px; padding: 9px 36px; font-size: 13px; line-height: 15px; } 
 .toggle_list > ul > li .q a:before { right: 0; width: 28px; height: 28px; margin-top: -14px; } 
 .toggle_list > ul > li .a { margin: 0; } 
 .toggle_list > ul > li .a .i { top: 14px; width: 28px; height: 28px; line-height: 28px; } 
 .toggle_list > ul > li .a .toggle_con { padding: 19px 0 18px 36px; font-size: 13px; line-height: 16px; } 

 .sub_notice { flex-direction: column; min-height: auto; padding: 19px; } 
 .sub_notice::after { width: 50%; width: calc(50% + 1px); } 
 .sub_notice .icobox { width: 80px; height: 80px; margin-right:0;} 
 .sub_notice .icobox:before{background-size:50%;}
 .sub_notice .txtbox { flex: none; margin-left: 0; text-align: center; } 
 .sub_notice .txtbox .tit { margin-top: 12px; font-size: 16px; line-height: 20px; } 
 .sub_notice .txtbox .txt { margin-top: 8px; font-size: 13px; line-height: 16px; } 

 .subtxt_xl { font-size: 13px; line-height: 16px; } 
 .subtxt_xl + .subtxt_xl02 { margin-top: 13px; } 
 .subtxt_xl02 { margin-top: 16px; font-size: 13px; line-height: 16px; } 

 .subtxt_l { margin-top: 8px; font-size: 13px; line-height: 16px; } 
 .subtxt_l::before { top: 5px; } 

 .biz_editor_area > ul > li { margin-top: 8px; font-size: 13px; line-height: 16px; } 
 .biz_editor_area > ul > li::before { top: 5px; } 

 .subtxt_m { padding-left: 22px; margin-top: 8px; font-size: 13px; line-height: 16px; } 
 .subtxt_m > ol,
 .subtxt_m > ul { padding-top: 2px; } 
 .subtxt_m > .bl_m { top: 0; width: 16px; height: 16px; font-size: 11px; line-height: 16px; } 

 .subtxt_s { padding-left: 23px; margin-top: 8px; font-size: 13px; line-height: 16px; } 
 .subtxt_s > .bl_s { top: 0; width: 16px; height: 16px; font-size: 11px; line-height: 14px; } 
 }

/* tab_type */
.tab_type01{margin-bottom:40px;display: flex;width:100%;flex-wrap: wrap;}
.tab_type01 a{position:relative;display:flex; align-items:center; justify-content:center; vertical-align:middle;height:60px;border:1px solid #ddd; margin-left:-1px; margin-top:-1px; text-align:center;padding:8px;transition:.2s;width: 20%;}
.tab_type01 a span{font-size:15px;}
.tab_type01 a:hover span{color:#0f4c77;}
.tab_type01 a.active{background:#0f4c77; border-color:#0f4c77;}
.tab_type01 a.active span{color:#fff; font-weight:bold;}
/*.tab_type01 a.active:before{content:''; position: absolute; bottom: -1px; left: calc(50% - 8px); width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #fff;}*/

	@media screen and (max-width: 768px){
		.tab_type01{margin-bottom:20px;}
		.tab_type01 a {height:50px; padding:8px;}
		.tab_type01 a span{font-size:13px;}
	}
	@media screen and (max-width: 580px){
		.tab_type01 a{width:33.33%;}
	}

.tab_type02{margin-bottom:40px;display: table;width:100%; table-layout:fixed;;}
.tab_type02 a{position:relative;display:table-cell; vertical-align:middle;height:60px;border:1px solid #ddd; text-align:center;padding:8px;transition:.2s;width: 20%;}
.tab_type02 a + a{border-left:0;}
.tab_type02 a span{font-size:15px;}
.tab_type02 a:hover span{color:#0f4c77;}
.tab_type02 a.active{background:#0f4c77; border-color:#0f4c77;}
.tab_type02 a.active span{color:#fff; font-weight:bold;}
.tab_type02 a.active:before{content:''; position: absolute; bottom: -1px; left: calc(50% - 8px); width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #fff;}

	@media screen and (max-width: 768px){
		.tab_type02{margin-bottom:20px;}
		.tab_type02 a {height:50px; padding:8px;}
		.tab_type02 a span{font-size:13px;}
	}
	@media screen and (max-width: 580px){
		.tab_type02 a{width:33.33%;}
	}


 /* history */
	.history_wrap{padding-bottom:40px; }
	.history_wrap .history_box{position:relative;padding:0 20px;}
	.history_wrap .history_box h3{position:relative; color:#fff; text-align:center;}
	.history_wrap .history_box h3 span{width:300px;text-align:center;background: linear-gradient(45deg, #0d92d2, #10b69d);font-size:24px;display:inline-block;padding:10px;border-radius:100px;}
	.history_wrap .history_box > ul{position:relative;flex:1;}
	.history_wrap .history_box > ul > li{position:relative; padding-left:80px; padding-bottom:40px;}
	.history_wrap .history_box > ul > li:before{content:'';position:absolute;top:0; left: 0; margin-left: -22px; width:93px; height:44px; background:url('../images/sub/ico_history_list.png') 0 0 no-repeat; z-index:1;}
	.history_wrap .history_box > ul > li:after{content:'';position:absolute;left:0;top: 0;width:1px;height: 100%;background:#ddd;}
	.history_wrap .history_box > ul > li .years{position: absolute;right: 100%;margin-right: 40px;color:#0f518c;font-weight: bold;font-size:40px;line-height:44px;margin-bottom: 10px;}
	.history_wrap .history_box > ul > li > ul {padding-top:10px;}
	.history_wrap .history_box > ul > li > ul > li{position:relative;padding-bottom: 20px;overflow: hidden;}
	.history_wrap .history_box > ul > li > ul > li .month{font-weight:bold;font-size: 16px;}
	.history_wrap .history_box > ul > li > ul > li p{font-size: 16px;word-break:keep-all;}

	.history_wrap .history_box > ul > li.left{margin-right:50%; text-align:right; padding-left:0; padding-right:80px;}
	.history_wrap .history_box > ul > li.left:after{left:auto; right:-1px;}
	.history_wrap .history_box > ul > li.left .years{right:auto; margin-right:0; left:100%; margin-left:40px;}
	.history_wrap .history_box > ul > li.left > ul > li{}
	.history_wrap .history_box > ul > li.left > ul > li .month{}
	.history_wrap .history_box > ul > li.left > ul > li p{}
	.history_wrap .history_box > ul > li.left:before{margin-left:0; left:auto; right:0; margin-right:-23px; transform: rotate(180deg);}
	.history_wrap .history_box > ul > li.right{margin-left:50%;}

	@media screen and (max-width: 1080px){
		.history_wrap{display:block; padding-top:0; padding-bottom:20px;}
		.history_wrap .his_col{width:auto; padding-right:0;}
		.history_wrap .history_box{display:block; padding:0;}
		.history_wrap .his_col + .his_col{margin-top:40px; border-top:1px dashed #ddd; padding-top:20px;}
	}

	@media screen and (max-width: 767px){
		.history_wrap .history_box h3{text-align:left;}
		.history_wrap .history_box h3 span{font-size:18px;width:auto;padding: 5px 20px;}
		.history_wrap .history_box > ul{padding-left:0;}
		.history_wrap .history_box > ul > li{padding-left:20px;padding-top: 20px;padding-bottom: 20px;border-top: 1px dashed #ddd;}
		.history_wrap .history_box > ul > li:before{display:none;}
		.history_wrap .history_box > ul > li:after{display:none;}
		.history_wrap .history_box > ul > li .years{font-size:24px; line-height:normal; position:static; right:auto; margin-right:0;}
		.history_wrap .history_box > ul > li > ul {padding-top:0;}
		.history_wrap .history_box > ul > li > ul > li .month{font-size:13px;}
		.history_wrap .history_box > ul > li > ul > li p{font-size:13px;}

		.history_wrap .history_box > ul > li.left{margin-right:0; text-align:left; padding-left:20px; padding-right:0;}
		.history_wrap .history_box > ul > li.left .years{right:auto; margin-right:0; left:auto; margin-left:0;}
		.history_wrap .history_box > ul > li.left:after{left:0; right:auto;}
		.history_wrap .history_box > ul > li.right{margin-left:0;}
	}




	.history_wrap_2{padding-bottom:40px; }
	.history_wrap_2 .history_box{position:relative;padding:0 20px;}
	.history_wrap_2 .history_box .item{position:relative; display:flex; padding-bottom:40px;}
	.history_wrap_2 .history_box .item:before{content:'';position:absolute;top:14px; left: 50%; margin-left: -11px; width:22px; height:22px; background:url('../images/sub/ico_history_list_2.png') 0 0 no-repeat; z-index:1;}
	.history_wrap_2 .history_box .item:after{content:'';position:absolute;left:50%;top:14px;width:1px;height:100%; background:#ddd;}
	.history_wrap_2 .history_box .item .col{width:50%;}
	.history_wrap_2 .history_box .item .col.years{text-align:right; padding-right: 40px; opacity:0.5;}
	.history_wrap_2 .history_box .item.open .col.years{opacity:1;}
	.history_wrap_2 .history_box .item .col.years a{letter-spacing:-2px; color:#0f518c;font-weight: bold; font-size:40px;line-height:44px;}
	.history_wrap_2 .history_box .item .col.infos{display:none; position:relative; padding-left:80px;}
	.history_wrap_2 .history_box .item .col.infos:before{content:''; position:absolute; width:60px; top:25px; left:0; border-top:1px dotted #ddd;}
	.history_wrap_2 .history_box .item .col.infos > ul {padding-top:10px;}
	.history_wrap_2 .history_box .item .col.infos > ul > li{position:relative;padding-bottom: 20px;overflow: hidden;}
	.history_wrap_2 .history_box .item .col.infos > ul > li .month{font-weight:bold;font-size: 16px;}
	.history_wrap_2 .history_box .item .col.infos > ul > li p{font-size: 16px;word-break:keep-all;}

	.history_wrap_2 .history_box .item.left{text-align:right; flex-direction:row-reverse;}
	.history_wrap_2 .history_box .item.left .col.years{text-align:left; padding-right:0; padding-left:40px;}
	.history_wrap_2 .history_box .item.left .col.infos{padding-left:0; padding-right:80px;}
	.history_wrap_2 .history_box .item.left .col.infos:before{right:0; left:auto;}
	.history_wrap_2 .history_box .item.left .col.infos > ul > li{}
	.history_wrap_2 .history_box .item.left .col.infos > ul > li .month{}
	.history_wrap_2 .history_box .item.left .col.infos > ul > li p{}
	.history_wrap_2 .history_box .item.right{}

	@media screen and (max-width: 1080px){
		.history_wrap_2{display:block; padding-top:0; padding-bottom:20px;}
		.history_wrap_2 .his_col{width:auto; padding-right:0;}
		.history_wrap_2 .history_box{display:block; padding:0;}
		.history_wrap_2 .his_col + .his_col{margin-top:40px; border-top:1px dashed #ddd; padding-top:20px;}
	}

	@media screen and (max-width: 767px){		.history_wrap_2 .history_box > ul{padding-left:0;}
		.history_wrap_2 .history_box .item{padding-left:20px;padding-top: 14px;padding-bottom: 14px;border-top: 1px dashed #ddd; display:block;}
		.history_wrap_2 .history_box .item:before{display:none;}
		.history_wrap_2 .history_box .item:after{display:none;}
		.history_wrap_2 .history_box .item .col{width:auto;}
		.history_wrap_2 .history_box .item .col.years {text-align:left;}
		.history_wrap_2 .history_box .item .col.years a{font-size:24px;}
		.history_wrap_2 .history_box .item .col.infos{padding-right:0px; padding-left:0; padding-bottom:0; padding-top:10px;}
		.history_wrap_2 .history_box .item .col.infos:before{display:none;}
		.history_wrap_2 .history_box .item .col.infos ul {padding-top:0;}
		.history_wrap_2 .history_box .item .col.infos ul > li .month{font-size:13px;}
		.history_wrap_2 .history_box .item .col.infos ul > li p{font-size:13px;}

		.history_wrap_2 .history_box .item.left{margin-right:0; text-align:left; padding-left:20px; padding-right:0;}
		.history_wrap_2 .history_box .item.left .col.years{padding-left:0;}
		.history_wrap_2 .history_box .item.left:after{left:0; right:auto;}
		.history_wrap_2 .history_box .item.right{margin-left:0;}
	}

 /*// history */

 /* organization */
 .organization_wrap{text-align:center; padding:40px 0;}
 .organization_wrap img{max-width:100%; margin:0 auto;}
 /*
 .org_tab{display:none;}
 .org_tab.active{display:block;}
	@media screen and (max-width: 767px){
		 .organization_wrap{padding:20px 0;}
	}
*/

/* ceo */
.ceo_wrap{border-top:1px solid #ddd;}
.ceo_wrap .ceo_inbox{padding:40px 0;}
.ceo_wrap .ceo_inbox .inbox_head{display:flex; flex-direction:row-reverse; align-items:center;}
.ceo_wrap .ceo_inbox .inbox_head .pic{border-radius:10px; overflow:hidden;}
.ceo_wrap .ceo_inbox .inbox_head .pic img{max-width:100%;}
.ceo_wrap .ceo_inbox .inbox_head .txt{padding:0 40px; flex:1;}
.ceo_wrap .ceo_inbox .inbox_head .txt .txt_big{position:relative; font-size:24px; line-height:34px; font-weight:bold; padding-top:40px; margin-bottom:30px; word-break:keep-all;}
.ceo_wrap .ceo_inbox .inbox_head .txt .txt_big:before{content:''; left:0; top:0; width:42px ;height:35px; position:absolute; background:url('../images/sub/greetings_quote_01.png') 0 0 no-repeat; z-index:-1;}
.ceo_wrap .ceo_inbox .inbox_head .txt .txt_big span{color:#128be0;}
.ceo_wrap .ceo_inbox .inbox_head .txt .txt_small{font-size:16px; word-break:keep-all;}

.ceo_wrap .ceo_inbox .inbox_body{margin-top:40px;}
.ceo_wrap .ceo_inbox .inbox_body p{word-break:keep-all;}
.ceo_wrap .ceo_inbox .inbox_body .txt_big{font-size:18px; font-weight:bold; margin-bottom:20px;}
.ceo_wrap .ceo_inbox .inbox_body .txt_small{font-size:16px;}

.ceo_wrap .ceo_inbox .ceo_name{text-align:right; font-size:16px; margin-top:40px; font-weight:bold;}


.ceo_wrap .ceo_inbox.ceo2{border-top:1px solid #ddd;}
.ceo_wrap .ceo_inbox.ceo2 .inbox_head{flex-direction:inherit;}


@media screen and (max-width:767px){
	.ceo_wrap .ceo_inbox .inbox_head{display:block;}
	.ceo_wrap .ceo_inbox .inbox_head .pic img{width:100%;}
	.ceo_wrap .ceo_inbox .inbox_head .txt{padding:20px 0 0 0;}
	.ceo_wrap .ceo_inbox .inbox_head .txt .txt_big{font-size:20px; line-height:24px; margin-bottom:10px;}
	.ceo_wrap .ceo_inbox .inbox_head .txt .txt_small{font-size:14px;}
	.ceo_wrap .ceo_inbox .inbox_body .txt_big{font-size:16px}
	.ceo_wrap .ceo_inbox .inbox_body .txt_small{font-size:14px;}

}

/* ci */
.ci_wrap{}
.ci_wrap .item{}
.ci_wrap .item + .item{margin-top:60px;}
.ci_wrap .item .ci_imgbox{border-bottom:1px solid #ececec; border-right:1px solid #ececec;; background:transparent url('../images/sub/bg_ruler.png'); padding:40px; text-align:center; margin-bottom:20px;}
.ci_wrap .item .ci_imgbox img{max-width:100%;}

.ci_wrap .item .colorlist1{text-align:center; margin-bottom:30px;}
.ci_wrap .item .colorlist1 ul{display:flex; justify-content:center; flex-wrap:wrap;}
.ci_wrap .item .colorlist1 ul li{display:flex; align-items:center; padding:8px;}
.ci_wrap .item .colorlist1 ul li i{width:20px; height:20px; border-radius:100%;}
.ci_wrap .item .colorlist1 ul li i.col01{background:#f4b272;}
.ci_wrap .item .colorlist1 ul li i.col02{background:#ed99b4;}
.ci_wrap .item .colorlist1 ul li i.col03{background:#a5c869;}
.ci_wrap .item .colorlist1 ul li i.col04{background:#f9eb4d;}
.ci_wrap .item .colorlist1 ul li i.col05{background:#438656;}
.ci_wrap .item .colorlist1 ul li p{padding-left:8px; font-size:15px;}

.ci_wrap .item .colorlist2{text-align:center; margin-bottom:30px;}
.ci_wrap .item .colorlist2 ul{display:flex; justify-content:center; flex-wrap:wrap;}
.ci_wrap .item .colorlist2 ul li{padding:5px 20px}
.ci_wrap .item .colorlist2 ul li img{width:280px;}

.ci_wrap .item .txtbox{font-size:15px;}
.ci_wrap .item .txtbox h4{font-size:22px; color:#4b86cf; margin-bottom:14px;}

.ci_wrap .item .download_btn{margin-top:40px; text-align:right;}
.ci_wrap .item .download_btn a{width:100%; max-width:120px; display:inline-block; border: 1px solid #c7cdd9; border-radius: 8px; color: #324164; font-size: 14px; line-height: 20px; padding:14px 0; font-weight: 400; text-align: center; transition:.2s;}
.ci_wrap .item .download_btn a:hover{background:#0f4c77; border-color:#0f4c77; color:#fff;}


@media screen and (max-width:767px){
	.ci_wrap .item .ci_imgbox{padding:20px;}
	.ci_wrap .item .colorlist1 ul li{padding:5px;}
	.ci_wrap .item .colorlist1 ul li p{font-size:13px;}
}

 /* ambassador */
 .ambassador_wrap{border-top:2px solid #000;}
 .ambassador_wrap .item{display:flex;/* flex-direction: row-reverse; */padding:30px 0;border-bottom:1px solid #ddd;}
 .ambassador_wrap .item .col_pic{margin-right: 40px;}
.ambassador_wrap .item .col_pic img{max-width:400px; width:100%;}
 .ambassador_wrap .item .col_txt{flex:1;}
 .ambassador_wrap .item .col_txt .txt_name{margin-bottom:30px;}
 .ambassador_wrap .item .col_txt .txt_name .amb_name{font-size:24px; font-weight:bold;}
 .ambassador_wrap .item .col_txt .txt_name .date{font-size:15px; color:#787878;}
 .ambassador_wrap .item .col_txt .txt_history{flex-wrap:wrap;}
 .ambassador_wrap .item .col_txt .txt_history .hisblock{/* width:50%; */margin-bottom:20px;padding-right:10px;}
 .ambassador_wrap .item .col_txt .txt_history .hisblock p{font-size:15px;}
 .ambassador_wrap .item .col_txt .txt_history .hisblock .years{color:#128be0; font-size:18px; margin-bottom:4px;}

	@media screen and (max-width: 1280px){
		.ambassador_wrap .item{flex-direction:unset;}
		.ambassador_wrap .item .col_pic{margin-left: 0; margin-right:40px;}
		.ambassador_wrap .item .col_txt .txt_history{display:block;}
		.ambassador_wrap .item .col_txt .txt_history .hisblock{width:auto;}
	}
	@media screen and (max-width: 767px){
		.ambassador_wrap .item{display:block;}
		.ambassador_wrap .item .col_pic{margin-right: 0;text-align:center;margin-bottom:10px;}
		.ambassador_wrap .item .col_txt .txt_name{margin-bottom:20px;}
		.ambassador_wrap .item .col_txt .txt_history .hisblock{padding-right:0;}
		.ambassador_wrap .item .col_txt .txt_history .hisblock .years{font-size:16px;}
		.ambassador_wrap .item .col_txt .txt_history .hisblock p{font-size:14px;}
	}
/*// */


 /* brochure */
.brochure_list {padding: 20px 0 30px; border-top: 2px solid #000; border-bottom: 1px solid #dcdcdc; } 
.brochure_list > ul { display: flex; flex-wrap: wrap; margin: 0 -10px; } 
.brochure_list > ul > li { width: 25%; padding: 20px 10px; } 
.brochure_list .inbox { display: block; } 
.brochure_list .inbox .tit {margin-bottom: 10px; font-size: 18px; line-height: 21px; font-weight: 700; overflow: hidden; text-overflow:ellipsis; white-space:nowrap;} 
.brochure_list .inbox .imgbox { position: relative; height: 0; padding-bottom: 127.86%; overflow: hidden; } 
.brochure_list .inbox .imgbox .img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-repeat: no-repeat; background-position: center center; background-size: cover; transition: .3s; } 
.brochure_list .inbox .btn{margin-top:10px; text-align:center;}
.brochure_list .inbox .btn a{width:100%; max-width:120px; display:inline-block; border: 1px solid #c7cdd9; border-radius: 8px; color: #324164; font-size: 14px; line-height: 20px; padding:14px 0; font-weight: 400; text-align: center; transition:.2s;}
.brochure_list .inbox .btn a:hover{background:#0f4c77; border-color:#0f4c77; color:#fff;}

	@media screen and (max-width:1080px){
		.brochure_list > ul > li{width:50%;}
	}

	@media screen and (max-width: 767px){
		.brochure_list > ul{display:block;}
		.brochure_list > ul > li{width:100%;}
	}

/* login */
.login_wrap{padding:80px 0;}
.login_wrap .loginbox{max-width:500px; margin:0 auto;}
.login_wrap .loginbox h3{text-align:center; font-size:40px; margin-bottom:40px;}
.login_wrap .loginbox .formbox .row_inp{margin-bottom:15px;}
.login_wrap .loginbox .formbox .row_inp input{width:100%; height:60px; padding:0 14px; font-size:16px; border:1px solid #ddd;}
.login_wrap .loginbox .formbox .row_link{display:flex; justify-content:space-between; margin-bottom:40px;}
.login_wrap .loginbox .formbox .row_link a{font-size:15px; color:#6c6c6c;}
.login_wrap .loginbox .formbox .row_link a:hover{color:#a0a0a0;}
.login_wrap .loginbox .formbox .btn_login{width:100%; height:60px; font-size:18px; font-weight:bold; background:#dd3872; color:#fff; border-radius:8px; text-align:center;}
.login_wrap .loginbox .list_o_login{margin-top:40px; display:flex;}
.login_wrap .loginbox .list_o_login li{width:33.33%; text-align:center;}
.login_wrap .loginbox .list_o_login li .icon{display:inline-block; margin:0 auto; font-size:14px;}
.login_wrap .loginbox .list_o_login li .icon i{position:relative; display:block; margin:0 auto; border-radius:100px; width:50px; height:50px; background:#ddd; border:1px solid #ddd; margin-bottom:8px;}
.login_wrap .loginbox .list_o_login li .icon i:before{content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center center;}
.login_wrap .loginbox .list_o_login li .icon.naver i{background:#1ec800; border-color:#1ec800;}
.login_wrap .loginbox .list_o_login li .icon.kakao i{background:#ffeb00; border-color:#ffeb00;}
.login_wrap .loginbox .list_o_login li .icon.google i{background:#fff; border-color:#ddd;}
.login_wrap .loginbox .list_o_login li .icon.naver i:before{background-image:url('../images/ico_login_naver.png');}
.login_wrap .loginbox .list_o_login li .icon.kakao i:before{background-image:url('../images/ico_login_kakao.png');}
.login_wrap .loginbox .list_o_login li .icon.google i:before{background-image:url('../images/ico_login_google.png');}
.login_wrap .loginbox .list_o_login li .icon:hover{color:#a0a0a0;}

	@media screen and (max-width: 568px){
		.login_wrap{padding:40px 0;}
		.login_wrap .loginbox h3{font-size:24px; margin-bottom:20px;}
		.login_wrap .loginbox .formbox .row_inp input{height:50px;}
	}

/* idpw */
.idpw_wrap{padding:80px 0;}
.idpw_wrap .idpwbox{max-width:500px; margin:0 auto;}
.idpw_wrap .idpwbox h3{text-align:center; font-size:40px; margin-bottom:40px;}
.idpw_wrap .idpwbox .tablist{display:flex; margin-bottom:20px;}
.idpw_wrap .idpwbox .tablist li{width:50%;}
.idpw_wrap .idpwbox .tablist li a{display:block; padding:14px 10px; text-align:center; font-size:16px; border:1px solid #ddd; border-bottom-color:#000; color:#6c6c6c; background:#f5f5f5;}
.idpw_wrap .idpwbox .tablist li + li a{border-left:0;}
.idpw_wrap .idpwbox .tablist li a:hover{color:#000;}
.idpw_wrap .idpwbox .tablist li.active a{border:1px solid #000; border-bottom-color:#fff; color:#000; background:#fff;}
.idpw_wrap .idpwbox .formbox .listbox{margin-bottom:40px;} 
.idpw_wrap .idpwbox .formbox .listbox ul + ul{margin-top:15px;}
.idpw_wrap .idpwbox .formbox .listbox ul li{}
.idpw_wrap .idpwbox .formbox .listbox ul.special{margin-top:24px;padding-top:20px; border-top:1px dashed #ddd;}
.idpw_wrap .idpwbox .formbox .listbox ul li:first-child{font-weight:bold; font-size:16px; margin-bottom:10px;}
.idpw_wrap .idpwbox .formbox .listbox ul li input{width:100%; height:60px; padding:0 14px; font-size:16px; border:1px solid #ddd;}
.idpw_wrap .idpwbox .formbox .listbox ul li input:read-only{background:#f5f5f5;}
.idpw_wrap .idpwbox .formbox .btn_idpw{width:100%; height:60px; font-size:18px; font-weight:bold; background:#dd3872; color:#fff; border-radius:8px; text-align:center;}

	@media screen and (max-width: 568px){
		.idpw_wrap{padding:40px 0;}
		.idpw_wrap .idpwbox .tablist li a{padding:10px;}
		.idpw_wrap .idpwbox h3{font-size:24px; margin-bottom:20px;}
		.idpw_wrap .idpwbox .formbox .listbox ul li input{height:50px;}
		.idpw_wrap .idpwbox .formbox .listbox ul li:first-child{font-size:14px; margin-bottom:5px;}
	}


/* join */
.member_wrap{padding:80px 0;}
.member_wrap h3.pagetitle{text-align:center; font-size:40px; margin-bottom:40px;}
	.member_wrap .title{position:relative; text-align:center; margin-bottom:60px;}
	.member_wrap .title h3{font-size:50px;}

		@media screen and (max-width:768px){
			.member_wrap .title h3{font-size:40px;}
	}
	@media screen and (max-width: 568px){
		.member_wrap h3.pagetitle{font-size:24px; margin-bottom:20px;}
	}

/* join - join_progress */
.member_wrap .join_progress ul{display: flex; max-width:980px; margin:0 auto;}
.member_wrap .join_progress{margin-bottom:60px;}
.member_wrap .join_progress ul li{position:relative;width: 33.33%;text-align:center;}
.member_wrap .join_progress ul li + li:before {content:''; position:absolute; top:50px; left:-50%; width:100%; height:1px; background:#eee; z-index:-1; }

.member_wrap .join_progress ul li .txt{font-size:16px; color:#8c8c8c; margin-top:10px;}
.member_wrap .join_progress ul li .txt span{display:block; color:#8c8c8c; font-weight:bold; font-size:24px; line-height:28px;letter-spacing:-1px;}
.member_wrap .join_progress ul li .ico{font-size:0;}
.member_wrap .join_progress ul li .ico i{position:relative; display:inline-block; width:100px; height:100px; background:#f5f5f5; border-radius:100%;}
.member_wrap .join_progress ul li.active .ico i{background:#dd3872;}
.member_wrap .join_progress ul li .ico i:before{content:''; position:absolute; left:50%; top:50%; width:56px; height:56px; transform:translate(-50%, -50%); background-image:url('/nanum/images/ico_join_progress.png?1'); background-size:400%;}

.member_wrap .join_progress ul li:nth-child(1) .ico i:before{background-position:300% 0;}
.member_wrap .join_progress ul li:nth-child(2) .ico i:before{background-position:200% 0;}
.member_wrap .join_progress ul li:nth-child(3) .ico i:before{background-position:100% 0;}
.member_wrap .join_progress ul li:nth-child(1).active .ico i:before{background-position:300% 100%;}
.member_wrap .join_progress ul li:nth-child(2).active .ico i:before{background-position:200% 100%;}
.member_wrap .join_progress ul li:nth-child(3).active .ico i:before{background-position:100% 100%;}

.member_wrap .join_progress ul li.active .txt,
.member_wrap .join_progress ul li.active .txt span{color:#1e1e1e;}

@media screen and (max-width:586px){
	.member_wrap{padding:40px 0;}
	.member_wrap .join_progress{margin-bottom:40px;}
	.member_wrap .join_progress ul li + li:before {top:27px;}
	.member_wrap .join_progress ul li .ico i{width:54px; height:54px;}
	.member_wrap .join_progress ul li .ico i:before{width:40px; height:40px;}
	.member_wrap .join_progress ul li .txt{font-size:12px; margin-top:8px;}
	.member_wrap .join_progress ul li .txt span{font-size:14px; line-height:18px;}
}

/* terms */
.term_box{overflow-y:scroll; height:300px; border:1px solid #ddd; padding:20px;}
.terms_wrap p{font-size: 16px;}
.terms_wrap .txtbig{font-size: 18px;font-weight:bold;margin-bottom:10px;}
.terms_wrap .txtlist{}
.terms_wrap .txtlist > li{position:relative;font-size: 16px;}
.terms_wrap .txtlist > li + li{margin-top:5px;}
.terms_wrap .txtlist > li > ul {padding:10px 0;}
.terms_wrap .txtlist.type_counter > li{position:relative; padding-left:20px; counter-increment:number;}
.terms_wrap .txtlist.type_counter > li:before{content: '';  position: absolute; background:none; content:counter(number,decimal); width:14px; height:14px; line-height:14px; left:0; top:5px; margin-left:0; margin-top:0; text-align:center; font-size:14px; border:1px solid #777; border-radius:100%;}
.terms_wrap .txtlist.type_hangul{padding-left:24px;}
.terms_wrap .txtlist.type_hangul > li{list-style:hangul;}
.terms_wrap .txtlist.type_numb{padding-left:20px;}
.terms_wrap .txtlist.type_numb > li{list-style:decimal;}
.terms_wrap .txtlist.type_square > li{padding-left:10px;}
.terms_wrap .txtlist.type_square > li:before{content:''; position:absolute; left:0; top:12px; width:4px; height:4px; background:#b4b4b4;;}

		@media screen and (max-width:586px){
			.terms_wrap p{font-size:12px;}
			.terms_wrap .txtbig{font-size:16px; margin-bottom:5px;}
			.terms_wrap .txtlist > li{font-size:12px;}
			.terms_wrap .txtlist.type_square > li:before{top:8px;}
			.terms_wrap .txtlist.type_counter > li:before{width:12px; height:12px; line-height:12px; left:0; top:0px; margin-left:0; margin-top:4px; text-align:center; font-size:10px; border:1px solid #777; border-radius:100%;}

		}

		
	.term_wrap{border-bottom:1px solid #ddd; padding:40px 0;}
	.term_wrap .term_box{overflow-y:scroll; height:400px; border:1px solid #ddd; background:#f5f5f5; padding:30px;}
	.checkbox.checkall{font-weight:bold; border:1px solid #ddd; border-top:1px solid #1e1e1e; padding:30px;}
	.checkbox label{display:inline-block; cursor:pointer; font-size:18px; position:relative; line-height:30px; padding-left:28px;}
	.checkbox label input{border:0; background:none; width:0; height:0; position:absolute; text-indent:-9999;}
	.checkbox label input + i{position:absolute; left:0; top:5px; vertical-align:top; width:20px; height:20px; border:1px solid #bfbfbf; border-radius:4px; background:#fff;}
	.checkbox label input:checked + i{background:#fff url('/nanum/images/inp_checked.png') 50% 50% no-repeat;}

	.checkbox label strong{color:#ff8401; font-weight:normal}
	.term_wrap .term_box + .checkbox {margin-top:10px;}

		@media screen and (max-width:1200px){
			.term_wrap{padding:40px 0;}
		}

		@media screen and (max-width:586px){
			.term_wrap{padding:20px 0;}
			.term_wrap .term_box{padding:20px 10px; height:200px;}
			.term_wrap .term_box + .checkbox{margin-top:5px;}
			.checkbox label{font-size:13px; line-height:20px; padding-left:24px;}
			.checkbox label input + i{top:1px; width:18px; height:18px;}
			.checkbox.checkall{padding:10px;}
		}

/* vision */
.vision_wrap{border-top:1px solid #ddd; padding:40px 0;}
.vision_wrap img{max-width:100%;}

.hright03_wrap{padding:40px 0;}
.hright03_wrap img{max-width:100%;}

/*biz_banner*/
.biz_banner_wrap{display:flex; border:1px solid #dcdcdc;margin-top:15px;}

/* biz_photo */
.biz_photo_wrap{display:flex; border-top:1px solid #1e1e1e; border-bottom:1px solid #ddd; margin-top:15px; margin-bottom:60px;}
.biz_photo_wrap .left{position:relative; width:50%; background:#f5f5f5; padding:0;}
.biz_photo_wrap .right {display:flex;align-items:center;width:50%;padding: 14px 30px;}
.biz_photo_wrap .right .photo_tit {font-size: 20px;font-weight:bold;word-break:keep-all;}
.biz_photo_wrap .right .r_cont_box{width:100%;}
.biz_photo_wrap .right .photo_bot{margin-top:10px;}
.biz_photo_wrap .right .photo_bot a{font-size:14px; padding-right:14px; background:url('../images/sub/ico_biz_photo_bot.png') 100% center no-repeat;}
.biz_photo_wrap .right .photo_bot a:hover{border-bottom:1px solid #1e1e1e;}

.biz_photo_wrap .swiper-button{position:absolute; cursor:pointer; top:50%; width:40px; height:60px; margin-top:-30px; background:rgba(0,0,0,0.6); z-index:1;}
.biz_photo_wrap .swiper-button.prev{left:0; border-radius:0 8px 8px 0;}
.biz_photo_wrap .swiper-button.next{right:0; border-radius:8px 0 0 8px;}
.biz_photo_wrap .swiper-button:before{content:''; position:absolute; left:0; top:0; width:100%; height:100%;}
.biz_photo_wrap .swiper-button.prev:before{background:url('../images/sub/biz_photo_prev.png') center center no-repeat;}
.biz_photo_wrap .swiper-button.next:before{background:url('../images/sub/biz_photo_next.png') center center no-repeat;}

.biz_photo_wrap .selectedSlider{position:relative; width:100%;}
.biz_photo_wrap .swiper-slide{cursor:pointer;}
.biz_photo_wrap .swiper-slide .photo{position:relative; width:100%; height:0; padding-bottom:71.24%; overflow:hidden; transition:.2s;}
.biz_photo_wrap .swiper-slide .photo img{position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); max-width:100%; height:100%;}

.biz_photo_wrap .thumbsSlider{width:100%;padding-top: 20px;margin-top:20px;border-top:1px solid #ddd;}

.thumbsSlider .swiper-slide{position:relative; border:1px solid #ddd;}
.thumbsSlider .swiper-slide .photo{opacity: 0.4;}
.thumbsSlider .swiper-slide .photo{position:relative; width:100%; height:0; padding-bottom:71.26%; background:#f5f5f5; overflow:hidden;}
.thumbsSlider .swiper-slide .photo img{position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); height:100%;}
.thumbsSlider .swiper-slide:hover .photo,
.thumbsSlider .swiper-slide-thumb-active .photo{opacity: 1;}
.thumbsSlider .swiper-slide-thumb-active .photo{ background:#f5fbff;}
.thumbsSlider .swiper-slide-thumb-active:before{content:''; position:absolute; left:-1px; top:-1px; width:calc(100% + 2px); height:calc(100% + 2px); border:2px solid #63bcff; z-index:1;}

@media screen and (max-width: 1080px){
	.biz_photo_wrap .right .photo_tit {font-size:20px;}
	.biz_photo_wrap .right{padding:30px;}
}
  
@media screen and (max-width: 767px){
	.biz_photo_wrap{display:block; margin-top:20px; margin-bottom:40px;}
	.biz_photo_wrap .left{padding:0;}
	.biz_photo_wrap .left{width:auto;}
	.biz_photo_wrap .right{width:auto; padding:20px 0;}
	.biz_photo_wrap .right .photo_tit {font-size:16px;}
	.biz_photo_wrap .thumbsSlider{padding:10px 0; margin-top:14px;}
}


	/**/
	.facstats_wrap{padding:30px 0; border-top:2px solid #000; border-bottom:1px solid #ddd; display:flex;}
	.facstats_wrap .picbox{width:380px;}
	.facstats_wrap .picbox .pic{width:100%; height:0; padding-bottom:66.5625%; position:relative;}
	.facstats_wrap .picbox .pic img{width:100%; height:100%; position:absolute; left:0; top:0;}
	.facstats_wrap .infobox{flex:1; padding-left:40px;}
	.facstats_wrap .infobox h4{font-size:24px; line-height:30px; margin-bottom:20px; padding-bottom:15px; border-bottom:1px solid #ddd;}
	.facstats_wrap .facstats_infolist{display:table;width:100%; margin-bottom:14px;}
	.facstats_wrap .facstats_infolist + .facstats_infolist{margin-top:4px;}
	.facstats_wrap .facstats_infolist li{position:relative; display:table-cell;font-size:15px; line-height:20px; word-break:keep-all;}
	.facstats_wrap .facstats_infolist li:first-child{width:90px; padding-right:10px; font-weight:bold;}
	.facstats_wrap .facstats_infolist li:first-child:before{content:''; position:absolute; right:10px; top:4px; height:14px; width:1px; background:#ddd;}

	@media screen and (max-width: 1280px){
		.facstats_wrap .picbox{width:40%; height:auto;}
	}

	@media screen and (max-width: 768px){
		.facstats_wrap{display:block; padding:20px 0;}
		.facstats_wrap .picbox{width:100%;}
		.facstats_wrap .infobox{padding-left:0; padding-top:20px;}
		.facstats_wrap .infobox h4{font-size:20px;}
		.facstats_wrap .facstats_infolist li{font-size:13px;}
		.facstats_wrap .facstats_infolist li:first-child{width:80px;}
	}


	.tbl_type01{border-top:1px solid #000;}
	.tbl_type01 table{width:100%; word-break:keep-all;}
	.tbl_type01 table th, .tbl_type01 table td{font-size:15px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; height:54px; padding:10px 14px; vertical-align:middle;}
	.tbl_type01 .noline{border-right:0;}
	.tbl_type01 table thead th{background:#f5f5f5; text-align:center;}
	.tbl_type01 .bg_gray{background:#f5f5f5;}

	@media screen and (max-width: 768px){
		.tbl_type01{overflow-x:auto; border-left:1px solid #ddd; border-right:1px solid #ddd;}
		.tbl_type01 table th, .tbl_type01 table td{font-size:13px; height:50px; padding:8px;}
	}

	.tbl_type02{border-top:1px solid #000;}
	.tbl_type02 table{width:100%; word-break:keep-all;}
	.tbl_type02 table th, .tbl_type02 table td{font-size:15px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; height:30px; padding:10px 14px; vertical-align:middle;}
	.tbl_type02 .noline{border-right:0;}
	.tbl_type02 table thead th{background:#f5f5f5; text-align:center;}

	@media screen and (max-width: 768px){
		.tbl_type02{overflow-x:auto; border-left:1px solid #ddd; border-right:1px solid #ddd;}
		.tbl_type02 table th, .tbl_type02 table td{font-size:13px; height:50px; padding:8px;}
	}

	.imgbox_common img{max-width:100%;}

/* contact us */
.contactus .cu_map{}
.contactus .cu_map .root_daum_roughmap{width:100%!important;}

@media screen and (max-width: 767px){
	.contactus .cu_map .root_daum_roughmap .wrap_map{height:280px!important;}
}

.cu_listtype01{border-bottom:1px solid #ddd; padding:20px;}
.cu_listtype01 ul{display:flex;}
.cu_listtype01 ul li{font-size:15px; padding-bottom:5px; flex:1;}
.cu_listtype01 ul li:first-child{font-weight:bold; padding-right:20px; flex:none;}
.cu_listtype02{border-bottom:1px solid #ddd; padding:20px;}
.cu_listtype02 .title{font-weight:bold; font-size:15px; margin-bottom:4px;}
.cu_listtype02 ul li{position:relative; font-size:15px; padding-left:12px;}
.cu_listtype02 ul li:before{content:''; position:absolute; left:0; top:9px; width:3px; height:3px; background:#1e1e1e;}
	
@media screen and (max-width: 767px){
	.cu_listtype01{padding:20px 0;}
	.cu_listtype01 ul li{font-size:13px;}
	.cu_listtype02{padding:20px 0;}
	.cu_listtype02 .title{font-size:13px;}
	.cu_listtype02 ul li{font-size:13px;}
}

/* ethics */
.ethics_wrap{}
.ethics_wrap .ethics_bod{}
.ethics_wrap .ethics_bod .item{display:flex; align-items:center; padding:20px; border-bottom:1px solid #ddd;}
.ethics_wrap .ethics_bod .item .bullet{width:50px; height:50px; line-height:50px; border-radius:100%; text-align:center; font-size:15px; background:#4b86cf; color:#fff;}
.ethics_wrap .ethics_bod .item p{font-size:15px; flex:1; padding-left:20px; word-break:keep-all;}

.ethics_wrap .btn_down{margin-top:40px; text-align:center;}
.ethics_wrap .btn_down a{width:240px; display:inline-block; border: 1px solid #c7cdd9; border-radius: 8px; color: #324164; font-size: 14px; line-height: 20px; padding:14px 0; font-weight: 400; text-align: center; transition:.2s;}
.ethics_wrap .btn_down a:hover{background:#0f4c77; border-color:#0f4c77; color:#fff;}

@media screen and (max-width: 767px){
	.ethics_wrap .ethics_bod .item{padding:10px 0;}
	.ethics_wrap .ethics_bod .item .bullet{width:40px; height:40px; line-height:40px; font-size:14px;}
	.ethics_wrap .ethics_bod .item p{font-size:14px;}
}

/* sitemap */
.sitemap_wrap{display:flex; flex-wrap:wrap; margin-left:-40px;}
.sitemap_wrap .item{width:25%; padding-left:40px;}
.sitemap_wrap .item .title{text-align:left; font-size:18px; line-height:22px; padding:20px; display:block; text-align:center; background:#324164; color:#fff;}
.sitemap_wrap .item .depth > li > a{display:block;position:relative;font-size:15px;line-height:20px;padding:14px 20px; border-bottom:1px solid #ddd; word-break:keep-all;}
.sitemap_wrap .item .depth > li > a:before{content:''; position:absolute; width:4px; height:4px; background:#787878; left:10px; top:50%; margin-top:-2px;}
.sitemap_wrap .item .depth > li > a:hover{color:#0f4c77; text-decoration:underline;}
.sitemap_wrap .item .depth > li > a:hover:before{background:#0f4c77;}
.sitemap_wrap .item .depth > li > ul{background:#f0f0f0; padding:10px; border-bottom:1px solid #ddd;}
.sitemap_wrap .item .depth > li > ul > li > a{display:block; position:relative; font-size:15px; line-height:18px; padding:3px 10px 3px 14px; color:#505050;}
.sitemap_wrap .item .depth > li > ul > li > a:before{content:''; position:absolute; width:5px; height:2px; background:#b4b4b4; left:4px; top:50%; margin-top:-1px;}
.sitemap_wrap .item .depth > li > ul > li > a:hover{color:#0f4c77; text-decoration:underline;}
.sitemap_wrap .item .depth > li > ul > li > a:hover:before{background:#0f4c77;}

@media screen and (max-width: 1080px){
	.sitemap_wrap .item{width:50%; margin-bottom:40px;}
}

@media screen and (max-width: 580px){
	.sitemap_wrap .item{width:100%;}
	.sitemap_wrap .item .title{padding:14px; font-size:16px;}
	.sitemap_wrap .item .depth > li > a{font-size:14px; padding:10px 20px;}
	.sitemap_wrap .item .depth > li > ul > li > a{font-size:13px;}
}

/* join */
	.member_wrap .join_progress ul{
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		max-width:980px;
		margin:0 auto;
	}
	.member_wrap .join_progress{margin-bottom:60px;}
	.member_wrap .join_progress ul li{position:relative; width:25%; text-align:center;;}
	.member_wrap .join_progress ul li + li:before {content:''; position:absolute; top:50px; left:-50%; width:100%; height:1px; background:#eee; z-index:-1; }

	.member_wrap .join_progress ul li .txt{font-size:20px; color:#8c8c8c; margin-top:10px;}
	.member_wrap .join_progress ul li .txt span{display:block; color:#8c8c8c; font-weight:bold; font-size:24px; line-height:28px;letter-spacing:-1px;}
	.member_wrap .join_progress ul li .ico{font-size:0;}
	.member_wrap .join_progress ul li .ico i{position:relative; display:inline-block; width:100px; height:100px; background:#f5f5f5; border-radius:100%;}
	.member_wrap .join_progress ul li.active .ico i{background:#f8de3b;}
	.member_wrap .join_progress ul li .ico i:before{content:''; position:absolute; left:50%; top:50%; width:56px; height:56px; transform:translate(-50%, -50%); background-image:url('/nanum/images/ico_join_progress.png?1'); background-size:400%;}
	
	.member_wrap .join_progress ul li:nth-child(1) .ico i:before{background-position:400% 0;}
	.member_wrap .join_progress ul li:nth-child(2) .ico i:before{background-position:300% 0;}
	.member_wrap .join_progress ul li:nth-child(3) .ico i:before{background-position:200% 0;}
	.member_wrap .join_progress ul li:nth-child(4) .ico i:before{background-position:100% 0;}
	.member_wrap .join_progress ul li:nth-child(1).active .ico i:before{background-position:400% 100%;}
	.member_wrap .join_progress ul li:nth-child(2).active .ico i:before{background-position:300% 100%;}
	.member_wrap .join_progress ul li:nth-child(3).active .ico i:before{background-position:200% 100%;}
	.member_wrap .join_progress ul li:nth-child(4).active .ico i:before{background-position:100% 100%;}

	.member_wrap .join_progress ul li.active .txt,
	.member_wrap .join_progress ul li.active .txt span{color:#1e1e1e;}

		@media screen and (max-width:586px){
			.member_wrap{padding:40px 0;}
			.member_wrap .join_progress{margin-bottom:40px;}
			.member_wrap .join_progress ul li + li:before {top:27px;}
			.member_wrap .join_progress ul li .ico i{width:54px; height:54px;}
			.member_wrap .join_progress ul li .ico i:before{width:40px; height:40px;}
			.member_wrap .join_progress ul li .txt{font-size:12px; margin-top:8px;}
			.member_wrap .join_progress ul li .txt span{font-size:14px; line-height:18px;}
		}

	.join_01_box{}
	.join_01_box ul{
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		max-width: 900px;
		margin: 0 auto;
	}
	.join_01_box ul li{border-radius:10px;width:calc(50% - 20px);text-align:center;padding: 100px 0;border:1px solid #ddd;transition:box-shadow 0.2s ease-in-out;-webkit-transition:box-shadow 0.2s ease-in-out;-moz-transition:box-shadow 0.2s ease-in-out;-ms-transition:box-shadow 0.2s ease-in-out;-o-transition:box-shadow 0.2s ease-in-out;}
	.join_01_box ul li + li{margin-left:40px;}
	.join_01_box ul li:hover{box-shadow: 0 5px 10px rgb(0 0 0 / 20%);}
	.join_01_box ul li .ico{}
	.join_01_box ul li .ico i{position:relative; background: #f5f5f5; width: 180px; height: 180px; border-radius: 100%; display: block; margin: 0 auto;}
	.join_01_box ul li .ico i:before{content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:url('/nanum/images/ico_join_01_1.png') 50% 50% no-repeat;}
	.join_01_box ul li:nth-child(1) .ico i:before{ background:url('/nanum/images/ico_join_01_2.png') 50% 50% no-repeat;}
	.join_01_box ul li:nth-child(2) .ico i:before{ background:url('/nanum/images/ico_join_01_1.png') 50% 50% no-repeat;}
	.join_01_box ul li .name{font-size:30px; font-weight:bold; margin-top:20px;}
	.join_01_box ul li .btn_join{margin-top:40px; font-size:0;}
	.join_01_box ul li .btn_join a{display:inline-block; width:200px; padding:20px; font-size:20px; font-weight:bold; border-radius:8px; background:#f8de3b; transition: 0.1s; -webkit-transition: 0.1s; -moz-transition: 0.1s; -ms-transition: 0.1s; -o-transition: 0.1s;}
	.join_01_box ul li .btn_join a:hover{background:#1e1e1e; color:#f8de3b;}

		@media screen and (max-width:768px){
			.join_01_box ul li{width:calc(100% - 10px);}
			.join_01_box ul li + li{margin-left:20px;}

			.join_01_box ul li .ico i{width:120px; height:120px;}
			.join_01_box ul li .ico i:before{ background-size:60%!important;}
		}

		@media screen and (max-width:586px){
			.join_01_box{}
			.join_01_box ul li{padding:20px 10px; width:calc(100% - 5px);}
			.join_01_box ul li + li{margin-left:10px;}
			.join_01_box ul li .ico i{width:70px; height:70px;}
			.join_01_box ul li .name{font-size:14px; margin-top:10px;}
			.join_01_box ul li .btn_join{margin-top:20px;}
			.join_01_box ul li .btn_join a{width:100%; font-size:12px; padding:8px; border-radius:4px;}
		}
.join_04_box .txt_done{text-align: center; font-size: 40px; padding: 60px 0;}

		@media screen and (max-width:586px){
			.join_04_box .txt_done{font-size: 20px; padding:0 0 40px 0;}
		}


.tbl_member {}
.tbl_member .required{color:#ff8401; font-weight:bold;}
.tbl_member table{width:100%; border-top:2px solid #1e1e1e;}
.tbl_member table th, .tbl_member table td{border-bottom:1px solid #ddd; font-size:18px; height:70px; vertical-align:middle; padding:10px 40px;}
.tbl_member table th{background:#f5f5f5;}
.tbl_member table .mem_inp{display:inline-block; vertical-align:middle; width:100%; max-width:340px;}
.tbl_member table .mem_inp input, .tbl_member table .mem_inp select{width:100%; height:50px; font-family:inherit; font-size:16px; border:1px solid #ddd; box-sizing:border-box; padding:0 10px;}
.tbl_member table .mem_inp input:read-only{outline:none; background:#fafafa;}
.tbl_member table .mem_inp.email_input{max-width:160px;}
.tbl_member table .mem_inp.email_select{margin-left:10px; max-width:240px;}
.tbl_member table .mem_inp.phone_input{max-width:110px;}
.tbl_member table .mem_inp.phone_input input{text-align:center;}
.tbl_member table .mem_inp.rrn_input{max-width:160px;}
.tbl_member table .mem_inp.rrn_input input{text-align:center;}
.tbl_member table .mem_inp.rrn_input2{max-width:40px;}
.tbl_member table .mem_inp.rrn_input2 input{text-align:center;}
.tbl_member table .mem_inp_addbtn{margin-left:10px; background:#f5f5f5; border:1px solid #ddd; cursor:pointer; vertical-align:middle; height:50px; font-size:16px; padding:0 20px; box-sizing:border-box;}
.tbl_member table .mem_txt_help{position:relative; margin-top:10px; font-size:14px; padding-left:10px;}
.tbl_member table .mem_txt_help:before{content:'-'; position:absolute; left:0; top:0;}
.tbl_member table .mem_textarea textarea{width:100%; border:1px solid #ddd; box-sizing:border-box; padding:10px; resize:none; font-size:16px; font-family:inherit;}
.tbl_member table .mem_radio label{cursor:pointer; position:relative; display:inline-block; margin-right:10px; padding-left:28px;}
.tbl_member table .mem_radio label input[type="radio"]{width:0; height:0; text-indent:-9999px; border:0; margin:0;}
.tbl_member table .mem_radio label input[type="radio"] + i {position:absolute; left:0; top:4px; width:20px; height:20px; border:1px solid #ddd; box-sizing:border-box; border-radius:100%; background:#fff;}
.tbl_member table .mem_radio label input[type="radio"]:checked + i{border:1px solid #ff8401;}
.tbl_member table .mem_radio label input[type="radio"]:checked + i:before{content:''; position:absolute; width:10px; height:10px; border-radius:100%; left:50%; top:50%; transform:translate(-50%, -50%); background:#ff8401;}
.tbl_member table .mem_radio label input[type="text"] {height:30px;border: 0;font-size: 16px;border-bottom: 1px solid #1e1e1e;box-sizing:border-box;padding: 0;}
.tbl_member table .mem_radio label input.short{width:60px;}
.tbl_member table .mem_radio label input.long{width:100px;}

		@media screen and (max-width:1080px){
			.tbl_member table th, .tbl_member table td{padding:10px 20px;}
			.tbl_member table .mem_inp.email_select{display:block; margin-left:0; max-width:340px; margin-top:10px;}

		}
		@media screen and (max-width:768px){
			.tbl_member table th, .tbl_member table td{height:60px; font-size:15px;}

			.tbl_member table .mem_inp{max-width:240px;}
			.tbl_member table .mem_inp_addbtn{padding:0 12px;}
			.tbl_member table .mem_inp.email_input{max-width:112px;}
			.tbl_member table .mem_inp.email_select{max-width:240px; margin-top:10px;}
			.tbl_member table .mem_inp.phone_input{max-width:76px;}
			.tbl_member table .mem_inp.rrn_input{max-width:76px;}

		}

		@media screen and (max-width:586px){
			.tbl_member table th, .tbl_member table td{height:50px; padding:6px; font-size:10px;}

			.tbl_member table .mem_inp{max-width:100px;}
			.tbl_member table .mem_inp input, .tbl_member table .mem_inp select{height:30px; font-size:10px; padding:0 5px;}
			.tbl_member table .mem_inp_addbtn{height:30px; padding:0 8px; font-size:12px;}
			.tbl_member table .mem_inp.email_input{max-width:80px;}
			.tbl_member table .mem_inp.email_select{max-width:170px; margin-top:5px;}
			.tbl_member table .mem_inp.phone_input{max-width:60px;}
			.tbl_member table .mem_inp.rrn_input{max-width:60px;}
			.tbl_member table .mem_inp.rrn_input2{max-width:20px;}
			.tbl_member table .mem_txt_help{ font-size:10px; margin-top:5px; padding-left:5px;}
			.tbl_member table .mem_textarea textarea{font-size:10px; padding:5px;}
			.tbl_member table .mem_radio label{padding-left:18px;}
			.tbl_member table .mem_radio label input[type="radio"] + i {position:absolute; left:0; top:0px; width:14px; height:14px; border:1px solid #ddd; box-sizing:border-box; border-radius:100%; background:#fff;}
			.tbl_member table .mem_radio label input[type="radio"]:checked + i:before{width:6px; height:6px;}
			.tbl_member table .mem_radio label input[type="text"] {font-size: 10px; height:20px;}
			.tbl_member table .mem_radio label input.short{width:30px;}
			.tbl_member table .mem_radio label input.long{width:60px;}
		}

		
	.txttitle{margin-bottom:20px; position:relative;}
	.txttitle h4{font-size:20px;}
	.txttitle .txtright{position:absolute; right:0; bottom:0; font-size:16px;}

		@media screen and (max-width:768px){
			.txttitle{margin-bottom:14px;}
			.txttitle h4{font-size:16px;}
			.txttitle .txtright{position:static; margin-top:5px; font-size:12px;}
		}

/* 221206 add */
.welfare_result .btn_list_more{margin-top:40px; text-align:center;}
.welfare_result .btn_list_more a{cursor:pointer; width:240px; display:inline-block; border: 1px solid #c7cdd9; border-radius: 8px; color: #324164; font-size: 14px; line-height: 20px; padding:14px 0; font-weight: 400; text-align: center; transition:.2s;}
.welfare_result .btn_list_more a:hover{background:#0f4c77; border-color:#0f4c77; color:#fff;}

.procon p {width:100%;}
.procon img {width:100%;}

	.btn_download{display:inline-block; padding: 6px 30px 6px 10px; border: 1px solid #c8c8c8; border-radius: 4px; background:url('../nanum/system/images/ico_download.png') calc(100% - 10px) center; background-repeat:no-repeat; transition:.2s;}
	.btn_download:hover{border-color:#1e63ad; color:#1e63ad;}

/* 230210 add */
.hright_down{margin-top:40px; text-align:center;}
.hright_down a{width:240px; display:inline-block; border: 1px solid #c7cdd9; border-radius: 8px; color: #324164; font-size: 14px; line-height: 20px; padding:14px 0; font-weight: 400; text-align: center; transition:.2s;}
.hright_down a:hover{background:#0f4c77; border-color:#0f4c77; color:#fff;}

.sub_conbox {position: relative;padding: 16px 22px 16px 22px;border-top: 1px solid #d7dce1;border-left: 1px solid #d7dce1;border-right: 1px solid #d7dce1;font-size: 15px;font-weight: 500;word-break: keep-all;}
.sub_conbox_last {position: relative;padding: 16px 22px 16px 22px;border-top: 1px solid #d7dce1;border-bottom: 1px solid #d7dce1;border-left: 1px solid #d7dce1;border-right: 1px solid #d7dce1;font-size: 15px;font-weight: 500;word-break: keep-all;}

/* 230518 add */
.btnlist_type01{margin-left:-10px; display:flex; flex-wrap:wrap;}
.btnlist_type01 li{width:calc(50% - 10px); margin-left:10px; margin-bottom:10px;}
.btnlist_type01 li a{position:relative; display:block; border:1px solid #d7dce1; padding:16px 34px 16px 22px; font-size:15px; font-weight: 500; border-radius:8px; background:url('../images/sub/ico_btnfull_type01_arrow.png') calc(100% - 14px) center no-repeat; background-color:#fff; transition:.3s;}
.btnlist_type01 li a:hover{border-color:#0f4c77; background:url('../images/sub/ico_btnfull_type01_arrow_w.png') calc(100% - 14px) center no-repeat; background-color:#0f4c77; color:#fff;}
		@media screen and (max-width:768px){
			.btnlist_type01 {margin-left:0;}
			.btnlist_type01 li{width:100%; margin-left:0; margin-bottom:5px;}
			.btnlist_type01 li a{font-size:13px; padding:12px 34px 12px 16px;}
		}




.tableBox{border-top : 2px solid #0075bf;}
.tableBox + p{background:#f6fafc; padding:15px; box-sizing:border-box; color:#777; line-height:22px; border:3px dashed #b7ccdd;}         
.tableBox table{width:100%; border-collapse:collapse; border-spacing:0; table-layout:fixed; min-width:700px; }
.type1{width:100%;}
.type1 th { background : #f2f3f7; font-weight :bold;}                   
.type1 th, .type1 td { border-bottom : 1px solid #c3d0d4; border-right:1px solid #c3d0d4; padding :15px; line-height:24px; vertical-align:middle; font-size:16px;}
.type1 th:last-child, .type1 td:last-child {border-right:none;}
.type1 th.left, .type1 td.left {text-align:left; padding-left:10px;}
.type1 th.rBoder, .type1 td.rBoder {border-right:1px solid #c3d0d4;}
.type1 .bg_yellow { background :#fefbf1; }

@media all and (max-width:767px) {
	.tableBox{overflow-x:scroll;}   
	.tableBox p{ padding:10px; font-size:12px;}     
	.type1 th, .type1 td { padding :12px; line-height:20px; font-size:14px;}
}
/*테이블 폼*/

.persinfo_contbox{border-top:1px dashed #ddd; border-bottom:1px dashed #ddd;; padding:50px 0;}
.persinfo_contbox + .persinfo_contbox{border-top:0;}

.txt_common{font-size: 15px;}
.txt_help2{color:#4b86cf; font-size: 15px;}


.persinfo_img_wrap{display:inline-flex; vertical-align:middle;}
.persinfo_img{width:40px; height:40px;}


@media all and (max-width:480px) {
	.persinfo_img_wrap { width:100%; margin-top:6px;}
}

@media all and (max-width:767px) {
	.txt_common{font-size: 13px;}
	.txt_help2{font-size: 13px;}
}

/* 고객의 소리함 : S */
.clients_page_header{height:445px; background:url('/images/sub/clients_page_bg.jpg') center center no-repeat; background-size: auto 100%; background-color:#478ade; overflow:hidden; border-radius:20px;}
.clients_page_header .hidden_word{font-size:0; text-indent:-9999px; width:0; height:0; overflow:hidden;}

.clientsinp_wrap select { width: 100%; height:50px; border:1px solid #dcdcdc; padding: 0 32px 0 14px; background: url(../images/ico_arrow_down.png) no-repeat right 9px center; background-size: 24px; color: #000; font-size: 15px; font-weight: 400; letter-spacing: -0.04em; } 
.clientsinp_wrap input[type="text"] { width: 100%; height:50px; padding: 0 14px; border:1px solid #dcdcdc; font-size: 15px; letter-spacing: -0.04em; } 
.clientsinp_wrap textarea { width: 100%; padding: 14px; border:1px solid #dcdcdc; font-size: 15px; letter-spacing: -0.04em; resize:none;} 
.clientsinp_wrap .radiobox{display:inline-block; cursor:pointer; font-size:16px; position:relative; line-height:30px; padding-left:28px;}
.clientsinp_wrap .radiobox input{border:0; background:none; width:0; height:0; position:absolute; text-indent:-9999;}
.clientsinp_wrap .radiobox input + i{position:absolute; left:0; top:5px; vertical-align:top; width:20px; height:20px; border:1px solid #bfbfbf; border-radius:100%; background:#fff;}
.clientsinp_wrap .radiobox input:checked + i{border-color:#0f4c77;}
.clientsinp_wrap .radiobox input:checked + i:before{content:''; position:absolute; left:4px; top:4px; width:calc(100% - 8px); height:calc(100% - 8px); background:#0f4c77; border-radius:100%;}

.clientsinp_wrap .btn_row_confirm {text-align:center; margin-top:40px;}
.clientsinp_wrap .btn_row_confirm button { width:100%; max-width:140px; display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; align-content: center; height: 60px; background:#324164; border: 1px solid #324164; border-radius: 8px;  padding:0 20px; color: #fff; font-size: 16px; font-weight: 400; text-align: center; } 

@media screen and (max-width: 767px) {
	.clients_page_header{height:0; padding-bottom:54vw; border-radius:10px;}
}
/* 고객의 소리함 : E */