@charset "utf-8";
/************************************************************************
 * filename : base.css
 * description : 기본공통 CSS
 * date : 2016.9.5
************************************************************************/
/*
 * Nanum Gothic (Korean) http://www.google.com/fonts/earlyaccess
 */
@font-face {font-family:'Nanum Gothic'; font-weight:400; font-style:normal; src:url('/web/fonts/NanumGothicRegular.eot'); src:url('/web/fonts/NanumGothicRegular.eot?#iefix') format('embedded-opentype'),
  url('/web/fonts/NanumGothicRegular.woff2') format('woff2'),
  url('/web/fonts/NanumGothicRegular.woff') format('woff'),
  url('/web/fonts/NanumGothicRegular.ttf') format('truetype');}
@font-face {font-family:'Nanum Gothic'; font-weight:700; font-style:normal; src:url('/web/fonts/NanumGothicBold.eot'); src:url('/web/fonts/NanumGothicBold.eot?#iefix') format('embedded-opentype'),
  url('/web/fonts/NanumGothicBold.woff2') format('woff2'),
  url('/web/fonts/NanumGothicBold.woff') format('woff'),
  url('/web/fonts/NanumGothicBold.ttf') format('truetype');}

html {height:100%; margin:0; padding:0; overflow-y:scroll;}
body {margin:0; padding:0; font-size:14px; line-height:24px; color:#666; -webkit-text-size-adjust:none;}
body, input, textarea, select, button, table {font-family:'나눔고딕', 'Nanum Gothic', '돋움', Arial, sans-serif; font-size:14px; line-height:22px; color:#666;}
h1, h2, h3, h4, p {margin:0; padding:0;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display:block;}
table, th, td {box-sizing:border-box; border-collapse:collapse;}

i, em, strong {font-weight:normal; font-style:normal;}
i, em {font-weight:inherit;}
button {display:inline-block; margin:0; padding:0; cursor:pointer; border:0 none; background:none;}
button::-moz-focus-inner, select::-moz-focus-inner, input[type='reset']::-moz-focus-inner, input[type='button']::-moz-focus-inner, input[type='checkbox']::-moz-focus-inner, input[type='radio']::-moz-focus-inner, input[type='submit']::-moz-focus-inner {margin:0; padding:0; border:0;}
a {text-decoration:none; color:#666;}
a:active {color:inherit; outline:none;}
img {vertical-align:top; border:0 none;}
ul, ol, dl {margin:0; padding:0; line-height:100%; list-style:none;}
dt, dd, li {margin:0; padding:0; line-height:22px;}
caption, legend {font-size:0; line-height:0; text-indent:-9999em;}

fieldset {margin:0; padding:0;}
fieldset legend {position:absolute; top:-9999em;}
::-webkit-input-placeholder {/* Chrome/Opera/Safari */
  color:#999;}
::-moz-placeholder {/* Firefox 19+ */
  color:#999;}
::-ms-input-placeholder {/* IE 10+ */
  color:#999;}
:-moz-placeholder {/* Firefox 18- */
  color:#999;}
/* form */
fieldset {border:0 none;}
label {vertical-align:top;}
input {vertical-align:top;}
select {display:inline-block; vertical-align:middle; border:0 none; background:none;}
input[type='text'], input[type='password'], input[type='search'], input[type='tel'] {display:inline-block; margin:0; padding:0; box-sizing:border-box; border:0; -webkit-border-radius:0; background:#fff; -webkit-appearance:none;}
input[type='text']:focus, input[type='password']:focus, input[type='search']:focus, input[type='tel']:focus {border-color:#ff8c3e;}
input[type='submit'], input[type='button'], button, button span {display:inline-block; box-sizing:border-box; cursor:pointer; vertical-align:top;}
::-webkit-input-placeholder, ::-moz-placeholder, :-ms-input-placeholder {color:#888;}
input[type='checkbox'], input[type='radio'] {margin:0; margin-right:4px; padding:0;}
.haze {position:absolute; top:-99999px;}
.mobile_only {display:none;}

/* font color */
.em {color:#ff4e00;}
a.em {border-bottom:1px solid #ff6c3d;}
.fc_mint {color:#0090b1;}

/* headings Level */
.tit_lv1 {font-size:32px; font-weight:700; line-height:100%; color:#333;}
.tit_lv2 {font-size:22px; font-weight:700; line-height:100%; color:#333;}
.tit_lv3 {font-size:20px; font-weight:700; line-height:100%; color:#333;}
.tit_board_list {font-size:20px; font-weight:700; line-height:28px; color:#000;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.tit_board_view {font-size:22px; font-weight:700; color:#000;}

/* 블릿 리스트 */
.bull_list strong {font-weight:bold;}
.bull_list .indent {padding-left:0; text-indent:0;}
.hypen, .refer, .dot_big, .dot_default, .number, .hanguel, .triangle {display:block;}
.hypen {padding-left:8px; text-indent:-8px;}
.refer {padding-left:16px; background:url('/web/vols/images/ico/ico_refer.png') no-repeat left 7px;}
.refer.em {background-image:url('/web/vols/images/ico/ico_refer_point.png');}
.refer.point {background-image:url('/web/vols/images/ico/ico_refer_b.png');}
.dot_big {position:relative; padding-left:16px; font-size:15px; font-weight:bold; color:#333;}
.dot_big:after {content:''; display:block; position:absolute; width:6px; height:6px; top:7px; left:0; overflow:hidden; background:#26c0d4;}
.dot_default {position:relative; padding-left:11px; font-size:15px; color:#333;}
.dot_default:after {content:''; display:block; position:absolute; width:4px; height:4px; top:7px; left:0; overflow:hidden; background:#000;}
.hanguel {padding-left:22px; text-indent:-22px;}
.number.default {padding-left:17px; text-indent:-17px;}
.number.circle01 {padding-left:17px; text-indent:-17px;}
.number.circle02 {padding-left:23px; text-indent:-23px;}
.triangle {position:relative; padding-left:12px; overflow:hidden;}

.triangle em{font-weight: bold;}
.triangle a em.blue{font-weight: bold;color: #0064ff;}

.triangle:after {content:''; display:block; position:absolute; width:5px; height:5px; top:8px; left:-2px; overflow:hidden; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); background:#000;}
.triangle.point {color:#333;}
.triangle.point:after {background:#ff6700;}
.default, .little {padding:0; text-indent:0;}

/* 레이아웃 */
.skipNavi a {position:absolute; top:-9999px; z-index:9999; text-align:center; color:#fff; background:#222;}
.skipNavi a:focus, .skipNavi a:hover {display:block; width:100%; padding:5px 0; top:0; left:0;}

#skip_grap{position:absolute;width:845px;height:auto;text-align:center;z-index:9999;}
#skip_grap a{display:block;position:absolute;text-indent:-9999px;width:100%;height:0px;line-height:1px;background:#000;color:#fff;text-align:center;}
#skip_grap a:focus{top:-30px;height:auto;line-height:30px;z-index:9999;text-indent:0}

/*header*/
#headerWrap {position:relative; border-top:1px solid #ffa263; border-bottom:2px solid #ffa263;}
#headerWrap .header_wrap {position:relative; width:1100px; margin:0 auto;}
#headerWrap:after {content:''; display:block; position:absolute; height:1px; top:33px; right:0; left:0; overflow:hidden; background:#ffa263;}
#headerWrap .top_wrap {position:relative; height:33px;}
#headerWrap .top_wrap h1 {position:absolute; top:44px; left:0;}
#headerWrap .gloval_nav ul {overflow:hidden;}
#headerWrap .gloval_nav ul li {float:left;}
#headerWrap .gloval_nav ul li a {display:block; width:155px; height:33px; font-weight:bold; line-height:33px; text-align:center; border-left:1px solid #ffa263; color:#333;}
#headerWrap .gloval_nav ul li.on a {background:#ffa263;}
#headerWrap .gloval_nav ul li:last-child a {border-right:1px solid #ffa263;}
#headerWrap .util_menu_wrap {position:absolute; top:0; right:0;}
#headerWrap .util_menu_wrap p.system_msg{float:left;height:33px;line-height: 33px;padding-right:15px;}
#headerWrap .util_menu_wrap p.system_msg .em{color:#333;font-weight:bold;}
#headerWrap .util_menu_wrap dl {float:left}
#headerWrap .util_menu_wrap dl dd {float:left;}
#headerWrap .util_menu_wrap dl dd a {display:block; height:33px; padding:0 8px; font-size:13px; font-weight:bold; line-height:33px; color:#5a5a5a;}
#headerWrap .util_menu_wrap dl dd a:hover, #headerWrap .util_menu_wrap dl dd a:focus {color:#000;}
#headerWrap .util_menu_wrap dl dd.my a {padding-right:0; color:#ff4e00;}
#headerWrap .gnb_wrap {padding-left:250px;}
#headerWrap .gnb_wrap .gnb ul {padding:30px 0; overflow:hidden;}
#headerWrap .gnb_wrap .gnb ul li {float:left;}
#headerWrap .gnb_wrap .gnb ul li a {display:block; height:33px; padding:0 33px; font-size:18px; font-weight:bold; line-height:33px; color:#1e1e1e;}
#headerWrap .gnb_wrap .gnb ul li .deps1 a:hover {color:#ff7800;}
#headerWrap .all_menu_open {position:absolute; width:auto; padding-left:44px; font-size:17px; font-weight:bold; line-height:34px; line-height:34px; top:62px; right:0;}
#headerWrap .all_menu_open:after {content:''; display:block; position:absolute; width:36px; height:34px; top:0; left:0; background:url('/web/vols/images/common/btn.png') no-repeat 0 -280px;}
#headerWrap .all_menu_open:hover, #headerWrap .all_menu_open.on {color:#000;}
#headerWrap .all_menu_open:hover:after, #headerWrap .all_menu_open.on:after {background-position:-50px -280px;}
#headerWrap .all_menu_open .hazeTxt {position:absolute; top:-9999em;}
#headerWrap .util_menu_open {display:none;}
/*location*/
#location_wrap {height:50px; border-bottom:1px solid #d9d9d8; background:#f7f7f7;}
#location_wrap .location {width:1100px; margin:0 auto; padding:10px 0 8px;}
#location_wrap .locatopn_inner {display:inline-block; position:relative; height:32px;}
#location_wrap .locatopn_inner:after {content:''; display:block; width:0; height:0; clear:both; overflow:hidden;}
#location_wrap .location .deps1, #location_wrap .location .deps2, #location_wrap .location .deps3 {float:left;}
#location_wrap .location a {display:block; position:relative; height:32px; padding:0 15px 0 8px; font-size:13px; font-weight:bold; line-height:32px; color:#5a5a5a; background:url('/web/vols/images/ico/ico_arrow_right.png') no-repeat right 11px;}
#location_wrap .location .last a {background:none;}
#location_wrap .location a.home {padding-left:22px; text-transform:uppercase;}
#location_wrap .location .now {color:#000;display:block;font-size:13px;line-height: 32px;padding:0 15px 0 8px;font-weight:bold;}
#location_wrap .location a.home:after {content:''; display:block; position:absolute; width:15px; height:12px; top:10px; left:0; background:url('/web/vols/images/ico/ico_home.png') no-repeat left top;}
#location_wrap .location .dropdown .now {position:relative; height:40px; padding-right:18px;}
#location_wrap .location .dropdown .now:after {content:''; display:block; position:absolute; width:12px; height:6px; top:14px; right:0; overflow:hidden; background:url('/web/vols/images/ico/ico_dropdown.png') no-repeat center bottom;}
#location_wrap .location .dropdown.on .now:after {-webkit-transform:rotate(180deg);}
#location_wrap .location .dropdown.on .dropdown_menu {display:block;}
#location_wrap .location .dropdown_menu {display:none; position:absolute; top:40px; right:-5px; z-index:99; border:1px solid #d9d9d8; border-top:0 none; background:#fff;}
#location_wrap .location .dropdown_menu a {display:block; height:37px; padding:0 20px; font-size:14px; line-height:37px; border-top:1px solid #d9d9d8;letter-spacing: -2px;}
#location_wrap .location .dropdown_menu a:hover {color:#333; background:#ffc98a;}

/* content */
#contents {width:1100px; min-height:400px; margin:0 auto; padding:52px 0 60px;}
#contents:after {content:''; display:block; width:0; height:0; clear:both; overflow:hidden;}
.content {position:relative; float:right; width:845px; padding-left:45px;}
.content_header {padding-bottom:44px;}
.content_header h2 {font-size:32px; font-weight:bold; color:#333;}
#sideMenu {float:left; width:210px;}
#sideMenu h1 {padding-left:16px; font-size:30px; font-weight:bold; line-height:100%; color:#333;}
#sideMenu .menu_list {margin-top:20px; border-top:1px solid #ccc;}
#sideMenu .menu_list > li > a, #sideMenu .menu_list .tit {display:block; position:relative; height:50px; padding-left:16px; font-size:15px; font-weight:bold; line-height:50px; border-bottom:1px solid #e5e5e5; color:#5a5a5a;}
#sideMenu .menu_list > li > a:hover, #sideMenu .menu_list > li.on > a {color:#000; background:#fff4ec;}
#sideMenu .menu_list .tit .action_btn {position:absolute; position:absolute; width:100%; top:0; bottom:0; left:0; text-indent:-9999em; background:url('/web/vols/images/ico/ico_plus.png') no-repeat right 21px;}
#sideMenu .menu_list .on .tit {color:#000; background:#fff4ec;}
#sideMenu .menu_list .on .tit .action_btn {background-image:url('/web/vols/images/ico/ico_minus.png');}
#sideMenu .menu_list .cont {display:none; position:relative; width:100%;}
#sideMenu .menu_list .cont:after {content:''; display:block; position:absolute; width:100%; height:1px; bottom:0; left:0; overflow:hidden; background:#e5e5e5;}
#sideMenu .menu_list .cont ul {padding:13px 0 11px 16px;}
#sideMenu .menu_list .cont li a {display:block; position:relative; height:28px; padding-left:9px; font-weight:bold; line-height:28px; color:#5a5a5a;}
#sideMenu .menu_list .cont li a:after {content:''; display:block; position:absolute; width:5px; height:1px; margin-top:-1px; top:50%; left:0; overflow:hidden; background:#5a5a5a;}
#sideMenu .menu_list .cont li.on a {color:#ff4e00;}
#sideMenu .menu_list .cont li.on a:after {background:#ff4e00;}

.footer_wrap {border-top:1px solid #e5e5e5;}

.footer_wrap .footer_link_wrap {border-bottom:1px solid #e5e5e5; background:#f7f7f7;}
.footer_wrap .footer_link_wrap .footer_link {position:relative; width:1100px; margin:0 auto;}
.footer_wrap .footer_link_wrap .footer_link ul {overflow:hidden;}
.footer_wrap .footer_link_wrap .footer_link ul li {float:left; padding:10px 0;}
.footer_wrap .footer_link_wrap .footer_link ul li a {display:block; height:39px; padding:0 11px; font-size:13px; font-weight:bold; line-height:39px;}
.footer_wrap .footer_link_wrap .footer_link ul li.download{float: right; padding-right: 70px;}
.footer_wrap .footer_link_wrap .footer_link ul li.download em{display:inline-block; height:39px; padding:0 11px; font-size:13px; font-weight:bold; line-height:39px;vertical-align:top;}
.footer_wrap .footer_link_wrap .footer_link ul li.download .download_ico{display:inline-block;padding-top:9px;vertical-align:top;}
.footer_wrap .footer_link_wrap .footer_link ul li.download .download_ico a.type1{display:inline-block;width:20px;height:20px;text-indent:-9999em;padding:0;margin-left:4px;background:url('/web/vols/images/ico/ico_hwp.png');}
.footer_wrap .footer_link_wrap .footer_link ul li.download .download_ico a.type2{display:inline-block;width:20px;height:20px;text-indent:-9999em;padding:0;margin-left:4px;background:url('/web/vols/images/ico/ico_pdf.png');}
.footer_wrap .footer_link_wrap .footer_link ul li.download .download_ico a.type3{display:inline-block;width:20px;height:20px;text-indent:-9999em;padding:0;margin-left:4px;background:url('/web/vols/images/ico/ico_ppt.png');}
.footer_wrap .footer_link_wrap .footer_link ul li.download .download_ico a.type4{display:inline-block;width:20px;height:20px;text-indent:-9999em;padding:0;margin-left:4px;background:url('/web/vols/images/ico/ico_word.png');}
.footer_wrap .footer_link_wrap .footer_link ul li.download .download_ico a.type5{display:inline-block;width:20px;height:20px;text-indent:-9999em;padding:0;margin-left:4px;background:url('/web/vols/images/ico/ico_excel.png');}
.footer_wrap .footer_link_wrap .footer_link ul li.download .download_ico a:first-child{margin-left:0;}

.footer_wrap .footer_link_wrap .footer_link .top_nav {display:block; position:absolute; width:45px; height:61px; top:-1px; right:0; overflow:hidden; text-indent:-9999em; background:url('/web/vols/images/common/footer_top_link.png') no-repeat left top;}
.footer_wrap .copyright {position:relative; width:947px; margin:0 auto; padding:35px 0 40px; padding-left:153px; font-size:13px; color:#5a5a5a;}
.footer_wrap .copyright .footer_logo {position:absolute; top:35px; left:0;}
.footer_wrap .copyright .footer_right {position:absolute; top:35px; right:0;}
.footer_wrap .copyright .footer_right a{margin-right:16px;}
.footer_wrap .copyright .address {line-height:100%;}
.footer_wrap .copyright .warning {display:block; padding-top:16px; line-height:100%;}
.footer_wrap .copyright .address .btn{vertical-align:middle;margin-left:10px;}

fieldset .confirm_id2 a {display:inline-block; width:100%; background:#ffcc53; border:1px solid #e4e4e4; font-size:13px; text-align:center; margin-top:10px; padding:10px 0; color:#261300; font-weight:600;}

/* fieldset .confirm_id {position:absolute;top:280px; width:100%; font-size:13px; text-align:left; border:1px solid #e4e4e4; border-radius:5px; background:#ffcc53;} */
/* fieldset .confirm_id a {margin-left:5px;} */

/* sitemap */
#sitemap {display:none; position:absolute; top:129px; right:0; left:0; z-index:99;}
.sitemap_skip {position:absolute; height:30px; padding:0 20px; line-height:30px; top:-9999em; left:-9999em;border:1px solid #ffa263;}
.sitemap_skip.focus {top:0; left:0;}
.sitemap {position:relative; width:1100px; margin:0 auto; background:#f7f7f7;}
.sitemap:after {content:''; display:block; width:0; height:0; clear:both; overflow:hidden;}
.sitemap .groups {position:relative; float:left; width:276px; padding:48px 0 0 30px; box-sizing:border-box; border:1px solid #d9d9d8;}
.sitemap .groups.hover {z-index:10; border-color:#ffa263; background:#fef5ea;}
.sitemap .groups.hover .tit h2 {color:#000;}
.sitemap .groups .tit h2 {font-size:22px; font-weight:bold; line-height:22px; color:#018f90;}
.sitemap .groups .cont {padding-top:16px;}
.sitemap .groups .cont a, .sitemap .groups .cont em {display:block; line-height:28px;}
.sitemap .groups .sub_cont a {display:block; position:relative; margin-left:10px; padding-left:10px;}
.sitemap .groups .sub_cont a:after {content:''; display:block; position:absolute; width:5px; height:1px; top:50%; left:0; overflow:hidden; background:#333;}
.sitemap .groups .cont a:hover, .sitemap .groups .cont a:focus {text-decoration:underline;}
.sitemap .groups .btn_menu {display:none;}
.sitemap .groups.top {height:460px; margin-left:-1px; border-top:0 none;}
.sitemap .groups.top:first-child {width:275px; margin-left:0;}
.sitemap .groups.btm {height:560px; margin-top:-1px; margin-left:-1px;}
.sitemap .groups.btm:first-child {width:275px; margin-left:0;}
.sitemap h1 {position:absolute; top:-9999em;}
#closeSitemap {position:absolute; width:36px; height:34px; margin-left:514px; top:0; left:50%; background:url('/web/vols/images/common/btn.png') no-repeat 0 -440px;}
#dim {display:none; position:fixed; top:0; right:0; bottom:0; left:0; z-index:1; background:rgba(0,0,0,.8);}
.sitemap .groups.etc {display:none; background:#3c3128;}
.sitemap .groups.etc .cont {display:block; height:170px; padding:32px 0 0 20px; box-sizing:border-box; border-bottom:1px solid #4f433b;}
.sitemap .groups.etc .cont li {line-height:26px;}
.sitemap .groups.etc .cont li a {height:26px; margin-left:0; font-size:12px; font-weight:normal; line-height:26px; color:#d0ad96;}
.sitemap .groups.etc .cont li a:after {content:''; display:block; position:absolute; width:4px; height:1px; top:50%; left:0; overflow:hidden; background:#d0ad96;}
.sitemap .groups.etc .cont li a:hover, .sitemap .groups.etc .cont li a:focus {color:#fd822f;}
.sitemap .groups.etc .cont li a:hover:after, .sitemap .groups.etc .cont li a:focus:after {background:#fd822f;}
.sitemap .groups.etc .logo_sitemap {text-align:center;}
.sitemap .groups.etc .logo_sitemap span.haze {display:inline-block; position:static; width:81px; height:25px; margin-top:22px; text-indent:-9999em; background:url('/web/vols/images/common/logo_sitemap.png') no-repeat left top;}
.sitemap .groups.etc .copyright {margin-top:10px; font-size:11px; line-height:18px; text-align:center; color:#896f5a;}
.sitemap .groups.etc .copyright span {display:block;}

/* 인쇄, 화면 크기조절 */
.screen_controll {position:absolute; top:0; right:0;}
.screen_controll dl {overflow:hidden;}
.screen_controll dl dd {float:left;}
.screen_controll dl dd button {width:28px; height:27px; text-indent:-999em; background:url('/web/vols/images/common/btn.png') no-repeat left top;}
.screen_controll dl dd button.btn_print {margin-right:3px; background-position:0 -480px;}
.screen_controll dl dd button.btn_plus {background-position:0 -520px;}
.screen_controll dl dd button.btn_minus {margin-left:-1px; background-position:0 -560px;}

/* 검색 폼 */
.search_form {padding:15px 0; text-align:center; border:1px solid #eaeaea; background:#f9f9f9;}
.search_form.blank{margin-top:30px;} /* 20170516 추가 */
.search_form .select_form {min-width:85px;}
.search_form .select_form.wide {width:auto;}
.search_form .btn_search {margin-left:-7px;}
.search_form .input_text {width:390px;}
.search_form .input_text input:focus {border-color:#333; color:#333;}
.search_result {position:relative;padding:16px 0;}
.search_result p em {font-weight:bold; color:#ff4e00;}
.search_result .sub_txt {position:absolute; top:20px; right:0;}
.search_result .all_check {margin-top:16px; margin-bottom:-4px;}

.search_service {overflow:hidden; background:#80e2ef;}
.search_service .label {padding-right:10px; font-size:15px; font-weight:bold; line-height:30px; color:#155058;}
.search_service .form_elem {position:relative; float:left; width:50%; padding:17px 20px; overflow:hidden; box-sizing:border-box;}
.search_service .form_elem.col01, .search_service .form_elem.col03 {border-right:1px solid #fff;}
.search_service .form_elem.col01, .search_service .form_elem.col02, .search_service .form_elem.col03, .search_service .form_elem.col04 {border-bottom:1px solid #fff;}
.search_service .form_elem.btm_none {border-bottom:0 none;}
.search_service .form_elem.title {float:none; width:50%; clear:both;}
.search_service .form_elem {padding-left:84px;}
.search_service.tit_80 .form_elem {padding-left:104px;}
.search_service .form_elem dt {position:absolute; padding:17px 0 0 20px; top:0; left:0;}
.search_service.tit_fixed_80 .form_elem dt {width:80px;}
.search_service .form_elem .check_box {display:inline-block; margin-left:6px; padding-top:4px;}
.search_service .form_elem .select_01 .select_form {width:100%;}
.search_service .form_elem .select_02 .select_form {width:49%;}
.search_service .form_elem .input_01 .input_text {width:100%;}
.search_service .form_elem.date .input_text {width:123px;}
.search_service .form_elem .radio_group .radio_box {height:26px; padding-top:4px;}
.search_service .form_elem .radio_group .radio_box .radio_btn {margin-right:20px;}
.search_service .form_elem .radio_group .radio_box .radio_btn label {vertical-align:-1px;}
.search_service .form_elem.date .symbol {display:inline-block; line-height:30px; vertical-align:middle;}
.datepicker {display:inline-block; position:relative; padding-right:25px; vertical-align:top;}
.datepicker .input_text input {border-right:0 none;}
.date_select {display:block; position:absolute; width:25px; height:30px; top:0; right:0; background:url('/web/vols/images/common/ico_datepicker.png') no-repeat left top;}
.date_select span {overflow:hidden; text-indent:-9999em;}

.search_service .form_elem.ch_all dt{padding-left:10px} 
.search_service .form_elem.ch_all dd{height:30px;}
.search_service .form_elem.ch_all dd span.check_box:first-child{margin-left:0}

.search_service_btn {padding-top:25px; text-align:center;}
.search_service_btn .btn:first-child {margin-right:6px;}
.search_guide_txt {margin-top:10px;color:#5a5a5a;}
.datepicker_wrap .datepicker_inner {display:inline-block; vertical-align:top;}
.datepicker_wrap .datepicker_inner .input_text {width:125px;}
.datepicker_wrap .radio_box {display:inline-block; margin-left:20px; padding-top:4px;vertical-align:top;}
.datepicker_wrap .radio_box .radio_btn {margin-right:20px;}

.search_service.wide .form_elem {float:none;width:100%;}
.search_service.wide .form_elem .radio_group .radio_box {padding-top:0;}
.search_service.wide .form_elem.col01, .search_service.wide  .form_elem.col03 {border-right:0 none;}
.search_service.wide .form_elem.title .input_text {width:318px;}
.search_service.wide .form_elem.title .refer {display:inline-block; margin:4px 0 0 20px;vertical-align:top;}


/* 폼 요소 */
.select_form, .input_text {display:inline-block; vertical-align:top;}
.select_form {min-width:85px; padding:5px 3px 1px 0; box-sizing:border-box; border:1px solid #cdd0d4; background:#fff;}
.select_form select {width:100%; height:16px; padding:0 0 0 10px; line-height:130%;vertical-align:top;}
.input_text input {display:inline-block; width:100%; height:30px; padding:3px 10px; line-height:24px; border:1px solid #cdd0d4;}
.input_text input[disabled] {background:#f7f7f7;}
.check_box input {vertical-align:-3px;}
.radio_btn input {vertical-align:-2px;}
.textarea {position:relative; padding:0 30px 0 0; border:1px solid #cbcbcb; background-color:#fff;}
.textarea textarea {width:100%; padding:10px 15px; font-size:14px; overflow-y:auto; resize:none; border:0 none; color:#888; -webkit-appearance:none;}

/* 버튼 */
.btn_search, .btn, .sns {display:inline-block; position:relative; box-sizing:border-box; vertical-align:top;}
.btn_search span, .btn span, .sns span {display:inline-block; box-sizing:border-box;}
.btn_search span {width:64px; height:30px; line-height:30px; text-align:center; color:#fff; background:#8f8f8f;}
.btn_submit span {height:43px; padding:0 28px; font-size:17px; font-weight:bold; line-height:41px; border:1px solid #ccc; color:#333;}
.btn.yellowocher {height:40px; font-size:20px; font-weight:bold; color:#fff; background:#967f69;}
.btn.yellowocher span {padding:0 40px; line-height:40px;}
.btn.yellowocher.type2{height:25px;font-size:14px;}
.btn.yellowocher.type2 span{padding:0 5px;line-height:25px;}
.btn.white {height:54px; padding:0 30px; font-size:24px; font-weight:bold; border:1px solid #ccc; color:#333; background:#fff;}
.btn.white span {line-height:54px;}
.btn.white.fixed {width:320px;}
.btn.grey_arrow span {height:34px; padding:0 34px 0 20px; line-height:34px; border:1px solid #ccc; background:#f9f9f9;}
.btn.grey_arrow span:after {content:''; display:block; position:absolute; width:4px; height:7px; margin-top:-4px; top:50%; right:20px; overflow:hidden; background:url('/web/vols/images/ico/ico_arr_r.png') no-repeat 0 0;}

.btn.tel_info span {height:34px; padding:0 34px 0 20px; line-height:34px; border:1px solid #ccc; background:#FFE38C;}
.btn.tel_info span:after {content:''; display:block; position:absolute; font-weight:bold; width:4px; height:7px; margin-top:-4px; top:50%; right:20px; overflow:hidden; background:url('/web/vols/images/ico/ico_arr_r.png') no-repeat 0 0;}
 
.btn.grey span {height:43px; padding:0 29px; font-size:17px; font-weight:bold; line-height:43px; color:#fff; background:#8d8d8d;}
.btn.white_small span {height:43px; padding:0 29px; font-size:17px; font-weight:bold; line-height:43px; border:1px solid #ccc; color:#333;}
.btn.form_gray {vertical-align:top;}
.btn.form_gray span {width:100%; height:30px; padding:0 20px; line-height:30px; border:1px solid #cbcbcb; background:#e5e5e5;}
.btn.form_gray.indent{margin-left:-5px;}
.btn.yellow_r {padding:0 20px; border:1px solid #e4cf1b; background:#ffe38c;}
.btn.yellow_r span {height:32px; padding-right:15px; font-weight:bold; line-height:32px; color:#261300; background:url('/web/vols/images/ico/ico_arr_r_02.png') no-repeat right center;}
.btn.file_down {height:35px; padding:0 20px; line-height:35px; border:1px solid #ccc;}
.btn.file_down span {padding-right:27px; font-weight:bold; color:#333; background:url('/web/vols/images/ico/ico_download.png') no-repeat right center;}
.btn.grey_r {padding:0 20px; border:1px solid #ccc; background:#f9f9f9;}
.btn.grey_r span {height:32px; padding-right:15px; font-weight:bold; line-height:32px; background:url('/web/vols/images/ico/ico_arr_r_03.png') no-repeat right center;}
.btn.grey_r2 {padding:0 20px; border:1px solid #ccc; background:#f9f9f9;}
.btn.grey_r2 span {height:32px; padding-right:15px; font-weight:bold; line-height:32px; background:url('/web/vols/images/ico/ico_arr_r_03.png') no-repeat right center;}

.btn_propo span {height:70px; padding:0 75px; font-size:20px; font-weight:bold; line-height:70px; border:1px solid #5cb8c3; color:#000; background:#5cb8c3;} /* 20170516 추가 */
.btn_propo:after{width:100%; height:7px; background:url('/web/vols/images/common/btn_bg_propo.png') no-repeat 50% 100%; display:block; content:'';} /* 20170516 추가 */
.btn_propo span:after{width:15px; height:30px; margin-left:21px; background:url('/web/vols/images/ico/ico_arr_r_04.png') no-repeat 0 center; vertical-align:-9px; display:inline-block; content:'';} /* 20170516 추가 */

.sns {width:34px; height:34px;}
.sns span {visibility:hidden; overflow:hidden; text-indent:-9999em;}
.sns.facebook {background:url('/web/vols/images/common/sns_facebook.png') no-repeat left top;}
.sns.twiter {background:url('/web/vols/images/common/sns_twiter.png') no-repeat left top;}


.top_btn_sec {padding-bottom:15px; text-align:right;}
.top_btn_sec .sns_group {margin-left:6px;}

/* 게시판 */
/*포토 타입*/
/*리스트*/
.board_list .list_wrap {border-top:2px solid #000;}
.board_list .list_wrap > li, .popup_content .board_list_pop .list_wrap {border-bottom:1px solid #e1e1e1;}
.board_list .list_wrap a.list {display:block; position:relative; width:100%; min-height:76px; padding:15px 0 15px;}
.board_list .list_wrap a.list1 {display:block; position:relative; width:100%; min-height:76px; padding-bottom:24px;}
.board_list .list_wrap a.list2 {display:block; position:relative; width:100%; min-height:76px; padding-bottom:14px;}
.board_list .list_wrap div.list {position:relative; padding:20px 0;}
.board_list .tit_board_list a {color:#333;display:block;width:100%;overflow:hidden;white-space:nowrap;word-wrap:normal;text-overflow:ellipsis;}
.board_list .tit_board_list a.hover, .board_list .tit_board_list a.focus {text-decoration:underline;}
.board_list.non_sub .list_wrap a.list {min-height:0; padding:20px 0 21px;}
.board_list.non_sub .tit_board_list {font-size:18px; line-height:26px;}
.board_list.data_al2 .board_data dl:nth-child(3){clear:both;margin-left:0;}
.board_list.data_solo .list_wrap .board_data {margin-top:0; padding-top:0;}
.board_list .list_wrap .board_data.right {position:absolute; margin-top:-11px;top:50%; right:0;}
.board_list .list_wrap .text{
	margin:10px 0 0;; 
	width:100%;
	
	/* 한 줄 자르기 */ 
	display: inline-block; 
	white-space: nowrap; 
	overflow: hidden; 
	text-overflow: ellipsis; 
	
	/* 여러 줄 자르기 추가 스타일 */ 
	white-space: normal; 
	line-height: 1.3; 
	height: 3.8em; 
	text-align: left;
/* 	word-wrap: break-word;  */
/* 	display: -webkit-box;  */
/* 	-webkit-line-clamp: 3;  */
/* 	-webkit-box-orient: vertical; */
} 
.board_list .list_wrap .board_data {padding-top:0; width:100%;}
.board_list .list_wrap .txts.type2{padding:24px 0;height: 75px;margin: 10px 0 0;overflow: hidden;}
.board_list .list_wrap .text pre {height: 63px;margin: 10px 0 0;overflow: hidden;font-family: '나눔고딕','Nanum Gothic','돋움',Arial,sans-serif;}
.board_list .list_wrap a:after {content:''; display:block; width:0; height:0; clear:both;}
.board_list .list_wrap a:hover .txts {text-decoration:underline;}
.board_list .list_wrap .txts .title {padding-top:3px; line-height:30px;}
.board_list .list_wrap .null p {height:184px; line-height:184px; text-align:center;}
.board_list.check_type div.list dt.tit_board_list {padding-left:25px;}
.board_list.check_type div.list .check_box {position:absolute; top:21px; left:0;}
.board_bottom {padding-top:25px;}
.board_bottom.txt {padding-top:16px;}
.board_bottom.txt .paging {padding-top:25px;}



/* 팝업 */
.popup_wrap .pop_header {position:relative; height:60px; background:#ffa263;}
.popup_wrap .pop_header:after {content:''; display:block; position:absolute; width:30px; top:0; bottom:0; left:0; overflow:hidden; background:#855434;}
.popup_wrap .pop_header .tit {padding-left:56px; font-size:24px; font-weight:bold; line-height:30px; line-height:60px; color:#333;}
.popup_wrap .popup_content {padding:50px 30px;}
.popup_wrap .popup_content .main_tit {padding-bottom:25px; font-size:22px; font-weight:bold;text-align:center; color:#333;}
.popup_wrap .pop_close {position:absolute; width:90px; height:60px; top:0; right:0; text-indent:-9999em; background:url('/web/vols/images/common/layer_close.png') no-repeat center center;}
.popup_content .board_list .list_wrap .notice {color:#f00;}
.popup_content .board_list .list_wrap {border-bottom:1px solid #e5e5e5;}
.popup_wrap .popup_content .btn_sec {margin-top:25px; text-align:center;}
.popup_wrap .search_title{line-height: 30px;font-size:15px;font-weight:bold;color:#333;display:inline-block;padding-right:20px;}
.popup_wrap .search_form .sub_tit{margin-top:10px;}
.popup_wrap .pop_search{padding:0 20px;}
.popup_wrap .pop_board_header{margin-top:40px;}
.popup_wrap .pop_board_header:after{content:'';display:block;clear:both;width:0;height:0;}
.popup_wrap .pop_board_header .result{float:left}
.popup_wrap .pop_board_header .sub_txt{float:right}
.popup_wrap .pop_board_list{border-top:2px solid #000;margin:11px 0 0;}
.popup_wrap .pop_board_list .al3 .col1{width:10%;}
.popup_wrap .pop_board_list .al3 .col2{width:50%;}
.popup_wrap .pop_board_list .al3 .col3{width:40%;}
.popup_wrap .pop_board_list table{width:100%;}
.popup_wrap .pop_board_list td{padding:11px 0;text-align:center;}
.popup_wrap .pop_board_list td.left{text-align:left;padding-left:10%;}
.popup_wrap .pop_board_list tr{border-bottom:1px solid #e1e1e1}
.popup_wrap .pop_board_bottom .paging{padding-top:25px;}









/*상세*/
.board_view {padding-top:24px; border-top:2px solid #000;}
.board_view.type2 {padding-top:12px;}
.board_view h3 {line-height:30px;}
.board_view .tit_board_view {color:#000;}
.board_data:after {content:''; display:block; width:0; height:0; clear:both; overflow:hidden;}
.board_data .fl {float:left;}
.board_data .fr {float:right;}
.board_data .fr dl {margin:0 0 0 32px;}
.board_data dl {position:relative; float:left; margin-left:10px; padding-left:10px; box-sizing:border-box;}
.board_data dl:first-child {margin-left:10px;}
.board_data dl.none {float:none; margin-left:0; padding-top:5px; clear:both; overflow:hidden;}
.board_data dl.none:after {top:14px;}
.board_data dl.none.locaton {margin-left: 10px;}
.board_data dl dt {float:left; padding-right:5px; font-weight:bold; color:#0090b1;}
.board_data dl dd {float:left; font-weight:bold; color:#333;}
.board_data.normal dl dd {font-weight:normal; color:#666;}
.board_data dl.file {float:none; margin-left:10px; padding-top:7px; clear:both;}
.board_data dl.file:after {top:20px;}
.board_data dl.file dt {float:none;}
.board_data dl.file dd {float:none; padding-top:7px;}
.board_data dl.file dd a {display:inline-block; position:relative; margin-right:25px; padding-left:10px; color:#333;}
.board_data dl.file dd a:hover {text-decoration:underline;}
.board_data dl.file dd a:last-child {margin-right:0;}
.board_data dl.file dd a:after {content:''; display:block; position:absolute; width:5px; height:1px; top:9px; left:0; background:#000;}
.board_data dl.inner_file span {display:inline-block; width:9px; height:19px; text-indent:-9999em; background:url('/web/vols/images/ico/ico_file.png') no-repeat left top;}
.board_data dl:after {content:''; display:block; position:absolute; width:4px; height:4px; top:9px; left:0; background:#000;}
.board_view .board_data {margin-top:12px;}
.board_view .board_data dl:after {top:8px;}
.board_view .board_data dl.file:after {top:15px;}

.board_data.type2 {margin-top:12px; border-top:1px solid #000;}
.board_data.type2 .group {padding:8px 0; overflow:hidden; border-bottom:1px solid #e1e1e1;}
.board_data.type2 .group.solo dl {float:none; width:auto;}
.board_data.type2 .group dl {position:relative; width:50%; margin-left:0; padding-left:120px; box-sizing:border-box;}
.board_data.type2 .group dl.location {width:100%;}
.board_data.type2 .group dl:after {width:6px; height:6px; top:8px; background:#26c0d4;}
.board_data.type2 .group dl dt {position:absolute; float:none; padding-left:18px; line-height:22px; top:0; left:0; color:#333;}
.board_data.type2 .group dl dd {float:none; padding-right:35px; font-weight:normal; line-height:22px; color:#666;min-height:22px;}
.board_data.type2 .group dl.file {float:none; width:100%; padding-top:0;}
.board_data.type2 .group dl.file dd {padding-top:0;}
.board_data.type2 .group dl.file dd a {color:#666;}
.board_data.type2 .group dl.file dd a:after {top:11px;}
.incharge_data {padding:21px 25px; border-bottom:1px solid #e5e5e5; background:#f9f9f9;}
.incharge_data dl {display:inline-block; margin-right:60px;}
.incharge_data dl.addr {display:block; padding-top:8px;}
.incharge_data dl.fax {margin-right:0;}
.incharge_data dl.mail {margin-right:0;margin-left:60px;}
.incharge_data dt {position:relative; padding-left:11px; font-weight:bold; color:#333;}
.incharge_data dt:after {content:''; display:block; position:absolute; width:4px; height:4px; top:9px; left:0; overflow:hidden; background:#000;}
.incharge_data dt, .incharge_data dd {display:inline-block;}


.board_body {margin-top:25px; padding:40px 0; border-top:1px solid #000; border-bottom:1px solid #e1e1e1;}
.board_view.type2 .board_body {margin-top:0; border-top:0 none;}

/* 페이징 */
.pagination {text-align:center;}
.pagination a.page_num, .pagination strong.page_num {display:inline-block; min-width:34px; height:34px; font-weight:normal; line-height:34px; text-align:center; vertical-align:top; border:1px solid #ccc; background-color:#fff;}
.pagination a.hover.page_num, .pagination a.focus.page_num, .pagination strong.page_num {text-decoration:underline; border-color:#7a7a7a; color:#fff; background-color:#7a7a7a;}
.pagination .btn_first, .pagination .btn_prev, .pagination .btn_next, .pagination .btn_last {display:inline-block; min-width:34px; height:34px; padding:0; vertical-align:top; border:1px solid #ddd; background:url('/web/vols/images/ico/ico_paging.png') no-repeat 0 0;}

.pagination .btn_prev {background-position:-50px 0;}
.pagination .btn_next {background-position:-100px 0;}
.pagination .btn_last {background-position:-150px 0;}

.pagination a.btn_first:hover, .pagination a.btn_first:focus {background-position:0 -50px;}
.pagination a.btn_prev:hover, .pagination a.btn_prev:focus {background-position:-50px -50px;}
.pagination a.btn_next:hover, .pagination a.btn_next:focus {background-position:-100px -50px;}
.pagination a.btn_last:hover, .pagination a.btn_last:focus {background-position:-150px -50px;}

/* 텝 */
.tab_wrap ul.tab {overflow:hidden;}
.tab_wrap ul.tab .tab_list {float:left;}
.tab_wrap ul.tab .tab_link {display:block; display:table; position:relative; width:100%; height:54px; padding:0 25px; font-size:17px; font-weight:bold; box-sizing:border-box; color:#666; background:#dadada;}
.tab_wrap ul.tab .tab_list.on .tab_link, .tab_wrap ul.tab .tab_list .tab_link.hover {background:#ffa263;color:#333;text-decoration:underline}
.tab_wrap ul.tab .tab_link:after {content:''; display:block; position:absolute; width:1px; top:0; bottom:0; left:0; overflow:hidden; background:#fff;}
.tab_wrap ul.tab .tab_link span {display:block; display:table-cell; text-align:center; vertical-align:middle;}
.tab_wrap.type2 ul.tab .tab_list {width:50%;}
.tab_wrap.type3 ul.tab .tab_list {width:33.3333%;}
.tab_wrap.type3 ul.tab .tab_list:first-child {width:33.3334%;}
.tab_wrap.type4 ul.tab .tab_list {width:25%;}
.tab_wrap.type5 ul.tab .tab_list {width:20%;}
.tab_wrap.type6 ul.tab .tab_list {width:16.6666%;}
.tab_wrap.type6 ul.tab .tab_list:first-child {width:16.667%;}
.tab_wrap.type7 ul.tab .tab_list {width:14.2857%;}
.tab_wrap.type7 ul.tab .tab_list:first-child {width:14.2858%;}
.tab_wrap .board_header {margin-top:20px;}

/* 입력 박스 */
.form_header {padding-bottom:11px;}
.form_header .box_info{margin-bottom:21px;}
.form_body {border-top:1px solid #000;}
.form_body dl {position:relative; min-height:48px; padding-left:197px; border-bottom:1px solid #e1e1e1;}
.form_body dl.tit_multi dd {padding:20px 0;}
.form_body dl dt {position:absolute; padding:13px 0 0 20px; font-weight:bold; top:0; bottom:0; left:0; box-sizing:border-box; color:#333;}
.form_body.tit_grey dl dt {width:182px; background:#f2f2f2;}

.form_body dl dt i {display:block; font-weight:inherit;}
.write_form .mandatory {display:inline-block; width:7px; height:6px; margin-left:5px; overflow:hidden; vertical-align:2px;text-indent:-9999em; background:url('/web/vols/images/ico/ico_mandatory.png') no-repeat 0 0;}
.form_body dl dd {padding:9px 15px 9px 0;}
.form_body dl dd .comment {display:inline-block; margin-top:4px; margin-left:6px;}
.form_body dl dd .comment.first{margin-left:0;margin-right:6px;}
.form_body .symbol {display:inline-block; height:30px; line-height:30px; vertical-align:top;}

/* input, select */
.form_body .colgroup{}
.form_body .colgroup:after{content:'';display:block;overflow:hidden;width:0;height:0;clear:both;}
.form_body .colgroup > dl.row{float:left;width:50%;box-sizing: border-box}
.form_body dl.input_box .input_text, .form_body dl.id_number .input_text {width:150px;}
.form_body dl.input_box.id .input_text, .form_body dl.input_box.pwd .input_text {width:270px;}
.form_body dl.input_box.pwd .comment {display:block; margin-left:0;}
.form_body dl.input_box .comment.block{margin-left:0;display:block;}
.form_body dl.input_box.id .btn {margin-left:-5px;}
.form_body dl.input_box.max .input_text {width:100%;}
.form_body dl.input_box.multiple .input_text {width:22%;}
.form_body dl.input_box.multiple .symbol{width:4%}
.form_body dl.input_box.multiple .input_text,
.form_body dl.input_box.multiple .symbol{margin-left:-4px;}
.form_body dl.input_box.multiple .symbol{text-align:center;}
.form_body dl.input_box.multiple .input_text:first-child{margin-left:0;}
.form_body dl.permission_number .input_text {width:320px;}
.form_body dl.row .security_num {padding-top:5px;}
.form_body dl.row .security_num em{padding-bottom:10px;display:inline-block;}
.form_body dl.row .security_num .input_text{margin-top:10px;}
.form_body dl.tel_number .first {width:87px;}
.form_body dl.tel_number .tel1 {width:150px;}
.form_body dl.tel_number .tel2 {width:150px;}
.form_body dl dd .check_sec {display:inline-block; margin-top:5px; margin-left:10px;}
.form_body dl.birthday .year {width:150px;}
.form_body dl.birthday .month {width:85px;}
.form_body dl.birthday .day {width:85px;}
.form_body dl.hint .select_form, .form_body dl.hint.input_box .input_text {width:270px;}
.form_body dl.addr.input_box .input_text {width:150px;}
.form_body dl.addr.input_box .btn {margin-left:-5px;}
.form_body dl.addr.input_box .input_text.wide {width:100%; margin-top:10px;}
.form_body dl.school.input_box .input_text {width:320px;}
.form_body dl.school.input_box .btn{margin-left:6px;}
.form_body dl.school.input_box .comment.first{margin-top:10px;}
.form_body dl.txt dd span{display:inline-block;padding-top:4px;}

.form_body dl.select_group .select_form {width:130px;}
.form_body dl.select_group2 .select_form {width:150px;}
.form_body dl.select_group .symbol {padding:0 4px;}
/* checkbox */
.form_body dl.input_box .chk_box {display:inline-block; margin-left:15px; padding-top:5px;}
.form_body dl.check  dd .check_sec {margin-left:0;}
/* radio */
.form_body dl.radio_group .radio_btn {display:inline-block; margin-left:25px; padding-top:5px;}
.form_body dl.radio_group .radio_btn:first-child {margin-left:0;}
/* file */
/* 이전 소스 
.form_body dl.file .file_group {position:relative; min-height:30px; padding-left:110px;}
.form_body dl.file .file_upload {display:inline-block; position:absolute; top:0; left:0; overflow:hidden; cursor:pointer;}
.form_body dl.file .file_upload .file {position:absolute; top:0; right:0; bottom:0; left:0; cursor:pointer; opacity:0;width:98px;height:30px} */
.form_body dl.file .file_group {min-height:30px;}
.form_body dl.file .file_upload .file {height:30px; font-size:12px;}
.form_body dl.file .file_type {display:inline-block; padding-top:4px; font-size:12px; color:#0373ba;}
.form_body dl.file .file_list {margin-top:7px;}
.form_body dl.file .file_list .hypen .file {display:inline-block; position:relative; margin-top:2px; padding-left:8px;}
.form_body dl.file .file_list .hypen .file:first-child {margin-top:0;}
.form_body dl.file .file_list .hypen .file button {vertical-align:-4px; text-indent:0;}
.form_body dl.file .file_list .hypen .file button span {display:inline-block; width:15px; height:16px; overflow:hidden; text-indent:-9999em; background:url('/web/vols/images/ico/btn_x_form.png') no-repeat left top;}


/* button */
.form_body dl.id_number .btn.form_gray {margin-left:-8px;}
.form_body dl.email_address .email_id {width:170px;}
.form_body dl.email_address .email_domain {width:200px;}
.form_body dl.email_address .domain_select {width:165px;}
.form_bottom .btn_sec {margin-top:50px; text-align:center;}
.form_bottom .btn_sec .btn:first-child {margin-right:6px;}

/* box module */
.module_box {padding:22px; border:1px solid #e5e5e5; background:#f9f9f9;}
.module_box .box {position:relative; min-height:131px; padding:40px 30px 40px 192px; border:1px solid #e5e5e5; background:#fff;}
.module_box .box:after {content:''; display:block; position:absolute; width:132px; height:131px; top:40px; left:30px; overflow:hidden;}
.module_box .box .main_txt {font-size:23px; font-weight:bold; line-height:23px; color:#000;}
.module_box .box .h_decs {font-size:16px; line-height:24px;}

/* layerPopup */
.layerpopup_wrap {display:none; position:fixed; width:845px; height:610px; margin:-305px 0 0 -423px; top:50%; left:50%; z-index:9999; box-sizing:border-box; background:#fff;}
.layerpopup_wrap .layer_header {position:relative; height:60px; background:#ffa263;}
.layerpopup_wrap .layer_header:after {content:''; display:block; position:absolute; width:30px; top:0; bottom:0; left:0; overflow:hidden; background:#855434;}
.layerpopup_wrap .layer_header .tit_layer {padding-left:56px; font-size:24px; font-weight:bold; line-height:30px; line-height:60px; color:#333;}
.layerpopup_wrap .layer_close {position:absolute; width:90px; height:60px; top:0; right:0; text-indent:-9999em; background:url('/web/vols/images/common/layer_close.png') no-repeat center center;}
.layerpopup_wrap .layer_content {position:absolute; top:110px; right:30px; bottom:50px; left:30px; overflow:auto; box-sizing:border-box;}





/* box 및 경고 문구 */
.grey_box_guide {padding:25px 21px; border:1px solid #e5e5e5; background:#f9f9f9;}
.grey_box_guide2 {padding:25px 21px; border:1px solid #e5e5e5; background:#f9f9f9;}
.grey_box_guide strong {color:#333;}
.grey_box_guide i {display:block;}
.caution dl {position:relative; min-height:63px; padding-right:40px; padding-left:83px;}
.caution dt {position:absolute; width:63px; height:63px; top:0; left:0; text-indent:-9999em; background:url('/web/vols/images/ico/ico_caution.png') no-repeat left top;}
.caution dd {position:relative;}
.caution dd div {display:table; height:63px;}
.caution dd div span {display:table-cell; vertical-align:middle;}
.ico_check {padding-left:30px; font-size:15px; font-weight:bold; color:#333; background:url('/web/vols/images/ico/ico_v.png') no-repeat left top;}

/* 타이틀 그룹 */
.tit_group, .tit_group2 {position:relative; height:64px; padding:0 0 13px 68px; padding-top:7px;}
.tit_group:after, .tit_group2:after {content:''; display:block; position:absolute; width:68px; height:64px; top:0; left:0; overflow:hidden;}
.tit_group .h_decs {padding-top:7px;}
.tit_group2 {height:105px;}

/* data table */
.data_table .data_header .advice {padding-bottom:11px; text-align:right;}
.data_table .data_header .advice.refer {text-align:left;}
.data_table .table_wrap {position:relative; padding-top:1px;}
.data_table .table_wrap:after {content:''; display:block; position:absolute; height:1px; top:0; right:2px; left:2px; overflow:hidden; background:#000;}
.data_table .table_wrap table {width:100%; border:1px solid #e5e5e5; border-top:0 none;}
.data_table .table_wrap table thead th {padding-top:8px; padding-bottom:9px; font-weight:bold; text-align:center; color:#333; background:#f8f7f5;}
.data_table .table_wrap table tbody th {padding-left:15px; font-weight:bold; text-align:left; color:#333;}
.data_table .table_wrap table tbody th .triangle {display:inline-block; vertical-align:middle;}
.data_table .table_wrap table tbody th .triangle + span.triangle{display:block;}
.data_table .table_wrap table tbody td {padding-right:15px; text-align:right;}
.data_table .table_wrap table tbody th, .data_table .table_wrap table tbody td {padding-top:8px; padding-bottom:9px; border-top:1px solid #e5e5e5;}
.data_table .table_wrap table tbody.center td {padding-right:0;text-align:center;}
.data_table .table_wrap.line table td, .data_table .table_wrap.line table th {border-left:1px solid #e5e5e5;}
.data_table .table_wrap table tbody td.left{padding-left:10px;text-align:left;}
.data_table.no_bg .table_wrap table thead th{background:#fff}
.data_table.no_bg .btn_print {position:absolute; right:30px;top:75px;width: 28px;height: 27px;text-indent: -999em;background: url('/web/vols/images/common/btn.png') no-repeat 0 -480px;display: inline-block;}/* 2017.02.25 추가 */

/* table align */
.data_table .cols {margin-top:40px;}
.data_table .cols:first-child {margin-top:0;}
.data_table .cols .table_wrap {box-sizing:border-box;}
.data_table .cols.type2 .table_wrap {float:left; width:50%; padding-right:2px; padding-left:2px;}
.data_table .cols.type4 .table_wrap {float:left; width:25%; padding-right:2px; padding-left:2px;}
.data_table .cols:after {content:''; display:block; width:0; height:0; clear:both; overflow:hidden;}
.table_wrap .cols2_same .col1, .table_wrap .cols2_same .col2 {width:50%;}

/* box */
.box_info {margin-top:40px; padding:21px 25px; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; background:#f9f9f9;}
.box_info dt {padding-bottom:8px; font-size:16px; font-weight:bold; color:#333;}
.box_info p > i{display:block;}


/* 레이어 달력 */
#divCalendar {position:absolute; width:200px; padding:10px; /* -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; */ z-index:999; border:1px solid #666; background-color:#fff;}
#divCalendar caption {height:0; font-size:0; line-height:0; overflow:hidden;}
#divCalendar table {width:100%; margin:0; text-align:center; border:0 solid #000; color:#595959;}
#divCalendar table, #divCalendar table a {font-size:13px;}
#divCalendar #tableCalendarTitle td, #divCalendar #tableCalendarTitle td a, #divCalendar #tableMonthTitle td a, #tableYearTitle td {font-size:14px; font-weight:600;}
#divCalendar #tableYear a {font-size:12px;}
#divCalendar table tr {height:22px;}
#divCalendar table th {height:auto; margin:0; padding:0; line-height:11px; text-align:center; border:0 solid #f8720f; color:#595959; background:none;}
#divCalendar table td {height:auto; margin:0; padding:0; line-height:1; text-align:center; border:0 solid #000;}
#divCalendar table td a {display:block; padding:5px 2px; text-decoration:none; color:#595959;}
#divCalendar table td a:link {display:block; text-decoration:none;}
#divCalendar table td a:hover {display:block; text-decoration:none;}
#divCalendar table td a:visited {display:block; text-decoration:none;}
#divCalendar .today {font-weight:600; border:1px solid #2059a5; color:#fff !important; border-radius:2px; background-color:#437dca;}
#divCalendar .btn_cal_close {position:absolute; top:-1px; right:-18px; text-align:right;}
#divCalendar .btn_cal_close a {display:block; overflow:hidden; white-space:nowrap; text-indent:100%; background:url('/web/vols/images/common/btn_cal_close.gif') no-repeat 0 0;}
#divCalendar .btn_cal_close, #divCalendar .btn_cal_close a {width:17px; height:16px;}
#divCalendar #tableCalendar th:first-child, #divCalendar #tableCalendar td:first-child a {color:#cf2121;}
#divCalendar #tableCalendar th:last-child, #divCalendar #tableCalendar td:last-child a {color:#0072cf;}

/* #mfooter .m_relative_site{position:relative;margin-bottom:20px}
#mfooter .m_relative_site ul:after{clear:both;content:'';display:block}
#mfooter .m_relative_site li{position:relative;float:left;width:9.5%;height:80px;margin-left:0.5%;}
#mfooter .m_relative_site li a{padding:48px 0 6px;text-align:center;}
#mfooter .m_relative_site li:first-child{margin-left:0;} */

  #pfooter {display:block;}
  #mfooter {display:none;}
  #tfooter {display:none;}
  .relative_site{max-width:1100px;margin:0 auto}
  .relative_site .slick-list{margin:0 30px;}
  .relative_site .slick-slide a{display:block;margin:10px 25px;text-align:center}
  .relative_site .slick-slide a img{display:inline}
  
.footer_wrap .slick-prev, .footer_wrap .slick-next{z-index:1000;display:block;position:absolute; top:50%; width:25px; height:25px; margin-top:-12px; text-indent:100%; white-space:nowrap; background:url('/web/vols/images/service/btn_bn_prev.png') no-repeat left top; background-size:100%;overflow:hidden;}
.footer_wrap .slick-next {background-image:url('/web/vols/images/service/btn_bn_next.png');background-size:100%;}
#footer .footer_wrap .slick-prev {left:5px;}
#footer .footer_wrap .slick-next {right:5px;}

.img_sec{margin-bottom:5px;}
.img_sec img{height:36px}
.btn_refresh span {background: #7a7a7a url("/web/vols/images/ico/ico_refresh.png") no-repeat scroll center center;display: block;height: 36px;text-indent: -9999px;width: 30px;}

/* 원패스 20180425 최종적용전이므로 숨김 반영시 initial로 변경*/
.onepass {display:none;}

/* 테블릿 */
@media screen and (max-width:1024px) {.screen_controll {display:none;}
  
  /*header*/
  #headerWrap {position:relative; border-top:0 none; border-bottom-width:1px;}
  #headerWrap .header_wrap {width:auto;}
  #headerWrap .gloval_nav {display:none;}
  #headerWrap .gnb_wrap {display:none;}
  #headerWrap .top_wrap {height:80px; text-align:center;}
  #headerWrap .top_wrap h1 {position:static; height:63px; padding-top:8px;}
  #headerWrap .top_wrap h1 img {height:100%;}
  #headerWrap:after {display:none;}
  #headerWrap .util_menu_wrap {display:none; position:absolute; width:204px; padding-top:80px; top:0; right:0; z-index:999; background:#3c3128;}
  #headerWrap .util_menu_wrap.on {display:block;}
  #headerWrap .mobile_only {display:block;}
  #headerWrap .util_menu_open {display:block;position:absolute; width:80px; height:80px; top:0; right:0; text-indent:-9999em;}
  #headerWrap .util_menu_open:after {content:''; display:block; position:absolute; width:11px; height:39px; margin:-20px 0 0 -5px; top:50%; left:50%; background:url('/web/vols/images/common/btn.png') no-repeat 0 -320px;}
  #headerWrap .util_menu_open.on:after, #headerWrap .util_menu_open:hover:after {background-position:-50px -320px;}
  #headerWrap .util_menu_wrap p.system_msg{display:none;}
  #headerWrap .util_menu_wrap dl {padding:6px 17px; overflow:hidden; background:#fff;float:none;}
  #headerWrap .util_menu_wrap dl dd {float:none;}
  #headerWrap .util_menu_wrap dl dd a {display:block; position:relative; height:47px; padding:0 0 0 36px; font-size:16px; line-height:47px; text-align:left; border-top:1px solid #e5e5e5; color:#5a5a5a;}
  #headerWrap .util_menu_wrap dl dd.login a {border-top:0 none;}
  #headerWrap .util_menu_wrap dl dd a:after {content:''; display:block; position:absolute; width:30px; height:30px; top:9px; left:0; overflow:hidden; background:url('/web/vols/images/common/ico_util.png') no-repeat 0 0;}
  #btn1365botTop:after {background:url('/web/vols/images/chatbot/1365-icon-t.png') no-repeat 0 !important;}
  #headerWrap .util_menu_wrap dl dd.login a:after {background-position:0 0;}
  #headerWrap .util_menu_wrap dl dd.join a:after {background-position:-40px 0;}
  #headerWrap .util_menu_wrap dl dd.faq a:after {background-position:-80px 0;}
  #headerWrap .util_menu_wrap dl dd.engManual a:after {background-position:-120px 0;}
  #headerWrap .util_menu_wrap dl dd.my a {padding-right:0; color:#555;}
  #headerWrap .util_menu_wrap dl dd.my a:after {background-position:-120px 0;}
  #headerWrap .util_menu_wrap dl dd a:hover, #headerWrap .util_menu_wrap dl dd a:focus {color:#000;}

  #headerWrap .util_menu_wrap .menu_close {position:absolute; width:50px; height:80px; top:0; right:0;}
  #headerWrap .util_menu_wrap .menu_close:after {content:''; display:block; position:absolute; width:21px; height:21px; margin:-10px 0 0 -10px; top:50%; left:50%; overflow:hidden; background:url('/web/vols/images/common/btn.png') no-repeat 0 -400px;}
  #headerWrap .all_menu_open {position:absolute; width:94px; height:80px; padding-left:0; top:0; right:auto; left:0; text-indent:-9999em;}
  #headerWrap .all_menu_open:after {position:absolute; width:34px; height:29px; top:25px; left:30px; background-position:0 -360px;}
  #headerWrap .all_menu_open:hover:after {background-position:-50px -360px;}

  /*location*/
  #location_wrap {height:43px; border-bottom:1px solid #d9d9d8; background:#f7f7f7;}
  #location_wrap .location {width:auto; margin:0 auto; padding:6px 30px 5px;}
  #location_wrap .location:after {content:''; display:block; width:0; height:0; clear:both; overflow:hidden;}
  #location_wrap .location .deps1, #location_wrap .location .deps2, #location_wrap .location .deps3 {float:left;}
  #location_wrap .location a {display:block; position:relative; height:32px; padding:0 15px 0 8px; font-size:13px; font-weight:bold; line-height:32px; color:#5a5a5a; background:url('/web/vols/images/ico/ico_arrow_right.png') no-repeat right 11px;}
  #location_wrap .location .last a {background:none;}
  #location_wrap .location a.home {padding-left:22px; text-transform:uppercase;}
  #location_wrap .location a.home:after {content:''; display:block; position:absolute; width:15px; height:12px; top:10px; left:0; background:url('/web/vols/images/ico/ico_home.png') no-repeat left top;}

  #location_wrap .location .dropdown .now {height:38px;}
  #location_wrap .location .dropdown_menu {top:37px;}


  /* content */
  #contentsWrap{position:relative;z-index:0}
  #contents {width:auto; min-height:400px; margin:0 auto; padding-top:40px;}
  #contents:after {content:''; display:block; width:0; height:0; clear:both; overflow:hidden;}
  .content {float:none; width:auto; padding:0 30px;}
  #sideMenu {display:none;}
  #pfooter {display:none;}
  #mfooter {display:none;}
  #tfooter {display:block;}
  #tfooter .copyright{padding: 30px; width: auto; border-top: 1px solid #e5e5e5;}
 /* .footer_wrap .relative_site {padding:15px 0;}
  #tfooter .footer_wrap .btn_prev {left:20px}
  #tfooter .footer_wrap .btn_next {right:20px}
 

  .tfooter_wrap {border-top:1px solid #e5e5e5;}
  .tfooter_wrap .relative_site {border-bottom:1px solid #e5e5e5;}
  .tfooter_wrap .relative_site ul {width:100%; margin:0 auto; overflow:hidden;}
  .tfooter_wrap .relative_site ul li {float:left;width:14.28%}
  .tfooter_wrap .relative_site ul li a {display:block; width:100%; padding:10px;box-sizing:border-box; text-align:center; border-left:1px solid #e5e5e5;}
  .tfooter_wrap .relative_site ul li a img{max-width:100%;height:36px}
  .tfooter_wrap .relative_site ul li:first-child a{border-left:0 none} */
  
  
  /* sitemap */
  #sitemap {position:absolute; width:250px; top:0; right:auto; bottom:0; left:0; z-index:999;}
  .sitemap {position:relative; width:auto; height:100%; overflow:auto; background:#3c3128;}
  .sitemap h1 {position:static; height:80px; line-height:80px; text-align:center; color:#fff;}
  .sitemap .groups {position:relative; float:none; width:auto !important; height:auto !important; margin:0 !important; padding:0; border:0 none; background:#fff;}
  .sitemap .groups .tit {position:relative; border-bottom:1px solid #dbdbdb;}
  .sitemap .groups .tit h2 {padding-left:20px; font-size:14px; font-weight:bold; line-height:36px; color:#5a5a5a;}
  .sitemap .groups.on .tit h2 {color:#351500; background:#ffa263;}
  .sitemap .groups .cont {display:none; position:relative; padding-top:0; padding-bottom:1px;}
  .sitemap .groups .sub_cont {display:none;}
  .sitemap .groups .cont a, .sitemap .groups .cont em {display:block; margin-left:20px; font-family:'맑은 고딕'; font-weight:bold; line-height:36px;}
  .sitemap .groups .cont:after, .sitemap .groups .sub_cont:after {content:''; display:block; position:absolute; width:100%; height:1px; bottom:0; left:0; overflow:hidden; background:#dbdbdb;}
  .sitemap .groups .cont a, .sitemap .groups .cont em {position:relative; height:36px; padding-left:9px; line-height:36px;}
  .sitemap .groups .cont a:after, .sitemap .groups .cont em:after {content:''; display:block; position:absolute; width:3px; height:3px; top:16px; left:0; background:#000;}
  .sitemap .groups .sub_cont li, .sitemap .groups .cont.only_1deps li {border-top:1px solid #dbdbdb;}
  .sitemap .groups .sub_cont li:first-child, .sitemap .groups .cont.only_1deps li:first-child {border-top:0 none;}
  .sitemap .groups .sub_cont li:last-child {border-bottom:1px solid #dbdbdb;}
  .sitemap .groups.on .cont {display:block; background:#fff4ec;}
  .sitemap .groups.on li.on .sub_cont {display:block;}

  .sitemap .groups .btn_menu {display:block; position:absolute; width:100%; top:0; right:0; bottom:0; left:0; text-indent:-9999em;}
  .sitemap .groups .btn_menu:after {content:''; display:block; position:absolute; width:10px; height:10px; top:13px; right:20px; overflow:hidden; background:url('/web/vols/images/common/sitemap_plus_lv1.png') no-repeat left top;}
  .sitemap .groups.on > .tit > .btn_menu:after {background-image:url('/web/vols/images/common/sitemap_minus_lv1.png');}
  .sitemap .groups.on .cont .on .btn_menu:after {background-image:url('/web/vols/images/common/sitemap_minus_lv2.png');}
  .sitemap .groups.on .cont .on .tit {color:#000;}
  .sitemap .groups .sub_cont a {display:block; position:relative; margin-left:30px; padding-left:10px;}
  .sitemap .groups .sub_cont a:after {content:''; display:block; position:absolute; width:5px; height:1px; top:50%; left:0; overflow:hidden; background:#333;}
  .sitemap .groups .sub_cont a:hover, .sitemap .groups .sub_cont a:focus {color:#ff4e00;}
  .sitemap .groups .sub_cont a:hover:after, .sitemap .groups .sub_cont a:focus:after {background:#ff4e00;}
  .sitemap .groups .cont a:hover, .sitemap .groups .cont a:focus {text-decoration:none;}
  #closeSitemap {position:absolute; width:22px; height:22px; margin-left:0; top:28px; left:273px; background-position:-50px -400px;}
  .sitemap .groups.etc {display:block;}

  /* 검색 폼 */
  .search_service .label {line-height:100%;}
  .search_service .form_elem {padding:17px 20px !important;}
  .search_service .form_elem dt {position:static; padding:0; padding-bottom:10px;}
  .search_service .form_elem .check_box {display:inline-block; margin-left:6px; padding-top:4px;}
  .search_service .form_elem.ch_all dt{padding-left:0} 
  .search_service .datepicker {display:inline-block; position:relative; width:46%; padding-right:25px; box-sizing:border-box;}
  .search_service .form_elem.date .datepicker .input_text {width:100%;}
  .search_form .input_text {width:370px;}
  .search_service.wide .form_elem.title .input_text {width:100%;}
  .search_service.wide .form_elem.title .refer {margin-top:6px;margin-left:0;}
  .datepicker_wrap .radio_box {margin-left:0; padding-top:11px;}

  /* 입력 박스 */
  .form_body dl {min-height:auto; padding:14px 0 9px 20px;}
  .form_body dl dt {position:static; padding:0;}
  .form_body dl dt i {display:inline;}
  .form_body dl dd {padding:9px 0 0;}
  .form_body.tit_grey dl dt {width:auto; background:none;}
  .form_body dl.tit_multi dd {padding:9px 0 0;}
  .form_body dl.gender_group .radio_btn {padding-top:0;}

  /* layerPopup */
  .layerpopup_wrap {width:auto; height:auto; margin:0; top:0; right:0; bottom:0; left:0;}

  /* data table */
  .data_table .cols.type4 .table_wrap {width:50%;}
  .data_table .cols.type4 .table_wrap:nth-child(3), .data_table .cols.type4 .table_wrap:nth-child(4) {margin-top:40px;}
  
  
  .onepass {display:none;}
 }


/* 모바일 */
@media screen and (max-width:767px) {body {font-size:12px; line-height:20px;}
  dt, dd, li {margin:0; padding:0; line-height:20px;}
  .mobile_only {display:block;}
  .pc_only {display:none;}
  .m_haze {position:absolute; top:-99999px;}

  #contentsWrap{position:relative;z-index:0}
  
  /* headings Level */
  .tit_lv1 {font-size:22px; font-weight:700; color:#333;}
  .tit_lv2 {font-size:15px; font-weight:700; color:#333;}
  .tit_lv3 {font-size:17px; font-weight:700; color:#333;}
  .tit_board_list {font-size:16px; line-height:27px;}
  .tit_board_view {font-size:16px; line-height:25px;}

  /* 블릿 리스트 */
  .refer {padding-left:15px; background-image:url('/web/vols/images/ico/ico_refer_m.png'); background-size:8px;}
  .refer.em {background-image:url('/web/vols/images/ico/ico_refer_point_m.png');}
  .refer.point {background-image:url('/web/vols/images/ico/ico_refer_b_m.png');}
  .dot_big {font-size:13px;}
  .dot_big:after {width:5px; height:5px;}
  .dot_default {font-size:12px;}
  .dot_default:after {width:5px; height:5px;}
  .hanguel {padding-left:17px; text-indent:-17px;}
  .number.default {padding-left:15px; text-indent:-15px;}
  .number.circle01 {padding-left:14px; text-indent:-14px;}
  .number.circle02 {padding-left:23px; text-indent:-23px;}
  /*  .triangle{padding-left:12px;overflow:hidden;position:relative;}

  .triangle:after{content:'';display:block;overflow:hidden;width:5px;height:5px;position:absolute;top:7px;left:-2px;background:#000;
    -webkit-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    transform:rotate(45deg);
  }
  .triangle.point{color:#333;}
  .triangle.point:after{background:#ff6700;}
  .default{text-indent:0;padding:0;}*/

  /*header*/
  #headerWrap .top_wrap {height:50px; text-align:center;}
  #headerWrap .top_wrap h1 {position:static; height:37px; padding-top:6px;}
  #headerWrap .util_menu_wrap {position:absolute; width:137px; padding-top:50px; top:0; right:0; background:#3c3128;}
  #headerWrap .util_menu_open {position:absolute; width:37px; height:50px; top:0; right:0; text-indent:-9999em;}
  #headerWrap .util_menu_open:after {content:''; display:block; position:absolute; width:7px; height:25px; margin:-13px 0 0 -4px; top:50%; left:50%; background:url('/web/vols/images/common/btn_m.png') no-repeat 0 -150px; background-size:150px auto;}
  #headerWrap .util_menu_open.on:after, #headerWrap .util_menu_open:hover:after {background-position:-40px -150px;}
  #headerWrap .util_menu_wrap dl {padding:2px 11px; overflow:hidden; background:#fff;}
  #headerWrap .util_menu_wrap dl dd {float:none;}
  #headerWrap .util_menu_wrap dl dd a {display:block; height:34px; padding:0 0 0 25px; font-size:11px; line-height:34px; text-align:left; border-top:1px solid #e5e5e5; color:#5a5a5a;}
  #headerWrap .util_menu_wrap dl dd.login a {border-top:0 none;}
  #headerWrap .util_menu_wrap dl dd a:hover, #headerWrap .util_menu_wrap dl dd a:focus {color:#000;}
  #headerWrap .util_menu_wrap dl dd.my a {padding-right:0; color:#ff4e00;}
  #headerWrap .util_menu_wrap dl dd a:after {content:''; display:block; position:absolute; width:22px; height:24px; top:5px; left:0; overflow:hidden; background:url('/web/vols/images/common/ico_util_m.png') no-repeat 0 0; background-size:100px;}
  #btn1365botTop:after {background:url('/web/vols/images/chatbot/1365-icon-m.png') no-repeat 0 !important;}
  #headerWrap .util_menu_wrap dl dd.login a:after {background-position:0 0;}
  #headerWrap .util_menu_wrap dl dd.join a:after {background-position:-25px 0;}
  #headerWrap .util_menu_wrap dl dd.faq a:after {background-position:-50px 0;}
  #headerWrap .util_menu_wrap dl dd.engManual a:after {background-position:-75px 0;}
  #headerWrap .util_menu_wrap dl dd.my a {padding-right:0; color:#555;}
  #headerWrap .util_menu_wrap dl dd.my a:after {background-position:-75px 0;}


  #headerWrap .util_menu_wrap .menu_close {position:absolute; width:35px; height:50px; top:0; right:0;}
  #headerWrap .util_menu_wrap .menu_close:after {content:''; display:block; position:absolute; width:14px; height:14px; margin:-7px 0 0 -7px; top:50%; left:50%; overflow:hidden; background:url('/web/vols/images/common/btn_m.png') no-repeat 0 -180px; background-size:150px;}
  #headerWrap .all_menu_open {position:absolute; width:60px; height:50px; padding-left:0; top:0; right:auto; left:0; text-indent:-9999em;}
  #headerWrap .all_menu_open:after {position:absolute; width:25px; height:20px; top:15px; left:15px; background-image:url('/web/vols/images/common/btn_m.png'); background-position:0 -120px; background-size:150px auto;}
  #headerWrap .all_menu_open:hover:after {background-position:-40px -120px;}

  /*location*/
  #location_wrap {height:32px; border-bottom:1px solid #d9d9d8; background:#f7f7f7;}
  #location_wrap .location {width:auto; margin:0 auto; padding:6px 15px 5px;}
  #location_wrap .location:after {content:''; display:block; width:0; height:0; clear:both; overflow:hidden;}
  #location_wrap .location .deps1, #location_wrap .location .deps2, #location_wrap .location .deps3 {float:left;}
  #location_wrap .location a {display:block; position:relative; height:21px; padding:0 13px 0 8px; font-size:11px; font-weight:bold; line-height:21px; color:#5a5a5a; background:url('/web/vols/images/ico/ico_arrow_right_m.png') no-repeat right 5px; background-size:5px auto;}
  #location_wrap .location .deps1 {text-indent:-9999em;}
  #location_wrap .location .deps2.hide {position:absolute; top:-9999em; left:-9999em;}
  #location_wrap .location .last a {background:none;}
  #location_wrap .location a.home {padding-left:14px; text-transform:uppercase;}
  #location_wrap .location a.home:after {content:''; display:block; position:absolute; width:10px; height:8px; top:6px; left:0; background:url('/web/vols/images/ico/ico_home_m.png') no-repeat left top; background-size:10px;}
  #location_wrap .location .dropdown .now {height:27px;padding:0 13px 0 8px;font-size:11px;line-height: 21px;}
  #location_wrap .location .dropdown .now:after {width:10px; height:5px; top:9px; background-size:10px;}
  #location_wrap .location .dropdown_menu {top:26px;}
  #location_wrap .location .dropdown_menu a {height:28px; padding:0 12px; font-size:11px; line-height:28px;}

  /* content */
  #contents {width:auto; min-height:400px; margin:0 auto; padding-top:22px;}
  #contents:after {content:''; display:block; width:0; height:0; clear:both; overflow:hidden;}
  .content {float:none; width:auto; padding:0 15px;}
  .content_header {padding-bottom:22px;}
  .content_header h2 {font-size:22px;}
  #sideMenu {display:none;}
  #pfooter {display:none;}
  #mfooter {display:block;}
  #mfooter .copyright{padding: 5%; width: auto; border-top: 1px solid #e5e5e5;}
  #tfooter {display:none;}
/*  
  #mfooter .footer_wrap .btn_prev {left:20px}
  #mfooter .footer_wrap .btn_next {right:20px}
  

  #mfooter .m_relative_site {max-width:767px;min-width:290px}
  #mfooter .m_relative_site ul{height:80px;overflow:hidden;padding:0 15px}
  #mfooter .m_relative_site li{width:100%;height:80px;margin-left:1%;text-align: center;}
  #mfooter .m_relative_site li a{padding:0 0 10px;color:#666666;}
  #mfooter .m_relative_site .btn_prev,.serv_tab .btn_next{display:block}
  #mfooter .m_relative_site button {position:absolute; top:25%; width:25px; height:25px; margin-top:-12px; text-indent:100%; white-space:nowrap; background:url('/web/vols/images/service/btn_bn_prev.png') no-repeat left top; background-size:100%;overflow:hidden;}
  #mfooter .m_relative_site .btn_prev {left:18%;}
  #mfooter .m_relative_site .btn_next {right:18%; background-image:url('/web/vols/images/service/btn_bn_next.png');background-size:100%;} */
  
  /* sitemap */
  #sitemap {position:absolute; width:235px; top:0; right:auto; bottom:0; left:0; z-index:999;}
  .sitemap h1 {height:50px; font-size:23px; line-height:50px;}
  .sitemap .groups .tit h2 {padding-left:17px; font-size:13px; line-height:35px;}
  .sitemap .groups .cont a, .sitemap .groups .cont em {display:block; margin-left:20px; font-family:'맑은 고딕'; line-height:36px;}
  .sitemap .groups .cont:after, .sitemap .groups .sub_cont:after {content:''; display:block; position:absolute; width:100%; height:1px; bottom:0; left:0; overflow:hidden; background:#dbdbdb;}
  .sitemap .groups .cont a, .sitemap .groups .cont em {position:relative; height:36px; padding-left:9px; line-height:36px;}
  .sitemap .groups .sub_cont li, .sitemap .groups .cont.only_1deps li {border-top:1px solid #dbdbdb;}
  .sitemap .groups .sub_cont li:first-child, .sitemap .groups .cont.only_1deps li:first-child {border-top:0 none;}
  .sitemap .groups .sub_cont li:last-child {border-bottom:1px solid #dbdbdb;}
  .sitemap .groups.on .cont {display:block; background:#fff4ec;}
  .sitemap .groups.on li.on .sub_cont {display:block;}

  .sitemap .groups .btn_menu {display:block; position:absolute; width:100%; top:0; right:0; bottom:0; left:0; text-indent:-9999em;}
  .sitemap .groups .btn_menu:after {content:''; display:block; position:absolute; width:10px; height:10px; top:13px; right:20px; overflow:hidden; background:url('/web/vols/images/common/sitemap_plus_lv1_m.png') no-repeat left top; background-size:10px;}
  .sitemap .groups.on > .tit > .btn_menu:after {background-image:url('/web/vols/images/common/sitemap_minus_lv1_m.png');}
  .sitemap .groups.on .cont .on .btn_menu:after {background-image:url('/web/vols/images/common/sitemap_minus_lv2_m.png');}
  .sitemap .groups .sub_cont a {margin-left:25px;}
  #closeSitemap {position:absolute; width:22px; height:22px; top:14px; left:255px; background:url('/web/vols/images/common/btn_m.png') -40px -180px; background-size:150px;}

  .sitemap .groups.etc .cont {height:181px; padding:38px 0 0 18px;}
  .sitemap .groups.etc .logo_sitemap span.haze {width:82px; height:20px; margin-top:33px; background-image:url('/web/vols/images/common/logo_sitemap_m.png'); background-size:82px;}

  /* 검색 폼 */
  .search_form {margin:0 -15px; padding:14px 15px; border-right:0; border-left:0;}
  .search_form .input_text {width:43%;}
  .search_form .multi_select {position:relative;}
  .search_form .multi_select .select_form {float:left;width:49%; margin:0 0 5px;}
  .search_form .multi_select .select_form:nth-child(2) {float:right;}
  .search_form .multi_select .input_text {width:100%; padding-right:45px; clear:both;box-sizing:border-box;}
  .search_form .multi_select .btn_search {position:absolute; right:0;bottom:0;}
  .search_result .sub_txt {display:block;position:static; margin-top:11px;}
  .search_result .all_check {margin-top:11px; margin-bottom:0;}
  .search_result p i {display:inline-block;}
  .search_service {margin:0 -15px;}
  .search_service .form_elem {width:100%; padding:11px 15px; overflow:hidden;}
  .search_service .form_elem.btm_none {border-bottom:1px solid #fff;}
  .search_service .form_elem.date .input_text {width:100%;}
  .search_service .form_elem.title {width:100%;}
  .search_service .datepicker {padding-right:23px;}
  .search_service .datepicker .date_select {width:23px; height:30px; background-image:url('/web/vols/images/common/ico_datepicker_m.png'); background-size:23px;}
  .search_service_btn {padding-top:20px;}
  .popup_wrap .search_form {margin:0;border:1px solid #eaeaea;}



  /* 폼 요소 */
  .select_form {padding:5px 3px 3px 0;}
  .check_box input {vertical-align:-3px;}
  .radio_btn input {vertical-align:-3px;}



  /* 버튼 */
  .btn_search span {width:45px;}
  .btn_submit span {height:36px; padding:0 17px; font-size:16px; line-height:36px; border:1px solid #ccc;}
  .btn_propo span {height:55px; padding:0 76px; font-size:15px; font-weight:bold; line-height:55px; border:1px solid #5cb8c3; color:#fff; background:#5cb8c3;} /* 20170516 추가 */
  .btn_propo span:after{width:15px; height:30px; margin-left:21px; background:url('/web/vols/images/ico/ico_arr_r_04.png') no-repeat 0 center; background-size:11px 16px; vertical-align:-11px; display:inline-block; content:'';} /* 20170516 추가 */
  .btn.yellowocher {height:30px; font-size:15px;}
  .btn.yellowocher .ico {display:none;}
  .btn.yellowocher span {padding:0 23px; line-height:30px;}
  .btn.white {width:100%; height:43px; font-size:20px;}
  .btn.white span {line-height:43px;}
  .btn.white.fixed {width:100%;}
  .btn.grey span {height:37px; padding:0 13px; font-size:16px; line-height:37px;}
  .btn.white_small span {height:37px; padding:0 13px; font-size:16px; line-height:37px;}
  .btn.yellow_r {padding:0 16px;}
  .btn.yellow_r span {height:28px; padding-right:9px; line-height:28px; background:url('/web/vols/images/ico/ico_arr_r_02_m.png') no-repeat right center; background-size:4px;}
  .btn.grey_r span {height:28px; padding-right:12px; line-height:28px; background:url('/web/vols/images/ico/ico_arr_r_03_m.png') no-repeat right center; background-size:4px;}
  .btn.grey_r2 span {height:28px; padding-right:12px; line-height:28px; background:url('/web/vols/images/ico/ico_arr_r_03_m.png') no-repeat right center; background-size:4px;}
  .btn.file_down {height:30px; padding:0 15px; line-height:30px;}
  .btn.file_down span {padding-right:25px; background-image:url('/web/vols/images/ico/ico_download_m.png'); background-size:15px;}
  .btn.form_gray.indent{margin-left:0;margin-top:5px;width:100%;}
  .sns {width:29px; height:30px;}
  .sns span {overflow:hidden; text-indent:-9999em;}
  .sns.facebook {background:url('/web/vols/images/common/sns_facebook_m.png') no-repeat left top; background-size:29px;}
  .sns.twiter {background:url('/web/vols/images/common/sns_twiter_m.png') no-repeat left top; background-size:29px;}

  .top_btn_sec {padding-bottom:10px; text-align:left;}
  .top_btn_sec .sns_group {margin-left:0;}

  /* 게시판 */
  /*포토 타입*/
  .board_header .search_result {padding:20px 0 10px;}
  .board_list .list_wrap {border-top-width:1px;}
  .board_list .list_wrap > li {border-bottom:1px solid #e1e1e1;}
  .board_list .list_wrap a.list {padding:19px 0 11px;}
  .board_list .list_wrap div.list {padding:15px 0 11px;}
  .board_list.non_sub .list_wrap a.list {padding:14px 0 11px;}
  .board_list.non_sub .tit_board_list {font-size:14px;}
  .board_list .list_wrap .text {padding-top:9px;}
  .board_list .list_wrap .board_data {padding-top:11px;}
  .board_list.non_sub .board_data {padding-top:3px;}
  .board_list.data_middle .list_wrap .text {padding-top:5px;}
  .board_list.data_middle .list_wrap .board_data {padding-top:8px;}
  .board_list.check_type div.list .check_box {top:18px;}
  .board_list .list_wrap a:after {content:''; display:block; width:0; height:0; clear:both;}
  .board_list .list_wrap .txts .title {padding-top:14px;}
  
  .board_list .list_wrap .null p {height:125px; font-size:12px; line-height:125px;}
  .board_bottom {padding-top:20px;}
  .board_list .board_data dl {margin-top:0; vertical-align:top;}
  .board_list .board_data dl:after {top:7px;}
  .board_list .board_data dl.name {display:block; overflow:hidden;}
  .board_list .board_data dl.date {float:none; width:auto; vertical-align:top;}
  .board_list .board_data dl.search_num {float:none; width:auto; margin-left:20px; vertical-align:top;}
  .board_list .list_wrap .board_data.right {position:static; padding-top:11px;}
  .board_list .list_wrap .board_data.right dl {margin-left:40px;}
  .board_list .list_wrap .board_data.right dl:first-child {margin-left:0;}

  /*상세*/
  .board_view {padding-top:25px;}
  .board_view.type2 {padding-top:10px;}
  .board_data dl {display:inline-block; position:relative; float:none; width:100%; margin-left:10px; padding-left:12px;}
  .board_data dl:first-child {margin-top:0;}
  .board_data dl.locaton {padding-top:0; padding-left:38px;}
  .board_data dl.locaton dt {position:absolute; top:0; left:12px;}
  .board_data dl.locaton dd {padding-left:8px; text-indent:-8px;}
  .board_data dl.file {padding-top:0;}
  .board_data dl.file dt {float:none;}
  .board_data dl.file dd {float:none;}
  .board_data dl.file dd a {display:block; position:relative; margin-left:0; padding-left:8px; color:#333;}
  .board_data dl.file dd a:first-child {margin-top:0; margin-left:0;}
  .board_data dl.file dd a:after {content:''; display:block; position:absolute; width:5px; height:1px; top:8px; left:0; background:#000;}
  .board_data dl.inner_file span {width:7px; height:16px; vertical-align:middle;background-image:url('/web/vols/images/ico/ico_file_m.png'); background-size:7px;}
  .board_data .fr, .board_data .fl {float:none;}
  .board_data .fr dl {margin:0 0 0 0;}
  .board_data .fr dl.search_num {margin-left:0;}
  .board_data dl:after {content:''; display:block; position:absolute; width:5px; height:5px; top:3px; left:0; background:#000;}
  .board_view .board_data dl.file:after {top:8px;}

  .board_data.type2 {margin-top:10px;}
  .board_data.type2 .group {padding:0; border-bottom:0 none;}
  .board_data.type2 .group dl {float:none; width:100%; margin-top:0; padding:8px 0 8px 110px; box-sizing:border-box; border-bottom:1px solid #e1e1e1;}
  .board_data.type2 .group dl:after {width:6px; height:6px; top:16px; background:#26c0d4;}
  .board_data.type2 .group dl dt {position:absolute; float:none; padding-left:18px; line-height:22px; top:8px; left:0; color:#333;}
  .board_data.type2 .group dl dd {float:none; padding-right:15px; line-height:20px; color:#666;}
  .board_data.type2 .group dl.file {margin-top:0; padding:8px 0 8px 110px;}
  .incharge_data {padding:21px 15px;}
  .incharge_data dl {display:block; margin-top:5px; margin-right:0;}
  .incharge_data dl:first-child {margin-top:0;}
  .incharge_data dl.mail {margin-left:0;}
  .incharge_data dl.addr {position:relative; padding-top:0; padding-left:36px;}
  .incharge_data dl.addr dt {position:absolute; top:0; left:0;}
  .incharge_data dl.addr dd {padding-left:5px; text-indent:-5px;}
  /*.incharge_data dl.addr*/
  .incharge_data dt, .incharge_data dd {display:inline-block;}
  .board_body {margin-top:20px; padding:25px 0; border-top:1px solid #000; border-bottom:1px solid #e1e1e1;}

  /* 페이징 */
  .pagination a.page_num, .pagination strong.page_num {min-width:26px; height:26px; font-size:13px; line-height:26px;}
  .pagination .btn_first, .pagination .btn_prev, .pagination .btn_next, .pagination .btn_last {min-width:26px; height:26px; background:url('/web/vols/images/ico/ico_paging_m.png') no-repeat 0 0; background-size:120px;}

  .pagination .btn_prev {background-position:-30px 0;}
  .pagination .btn_next {background-position:-60px 0;}
  .pagination .btn_last {background-position:-90px 0;}

  .pagination a.btn_first:hover, .pagination a.btn_first:focus {background-position:0 -30px;}
  .pagination a.btn_prev:hover, .pagination a.btn_prev:focus {background-position:-30px -30px;}
  .pagination a.btn_next:hover, .pagination a.btn_next:focus {background-position:-60px -30px;}
  .pagination a.btn_last:hover, .pagination a.btn_last:focus {background-position:-90px -30px;}

  /* 텝 */
  .tab_wrap ul.tab {margin:0 -15px; overflow:hidden;}
  .tab_wrap ul.tab .tab_list {float:none; width:100% !important; margin-top:1px;}
  .tab_wrap ul.tab .tab_list:first-child {margin-top:0;}
  .tab_wrap ul.tab .tab_link {height:33px; padding:0 25px; font-size:14px;}
  .tab_wrap ul.tab .tab_link:after {display:none;}
  .signup_conts .form_body .check_agree.marketing .refer i {display:inline;}

  .popup_content .tab_wrap ul.tab {margin:0;}
  .popup_content .tab_wrap ul.tab .tab_list {float:left;margin-top:0;}
  .popup_content .tab_wrap ul.tab .tab_link {display:block; display:table; position:relative; width:100%; height:54px; padding:0 25px; font-size:17px; font-weight:bold; box-sizing:border-box; color:#fff; background:#afafaf;font-size:14px;}
  .popup_content .tab_wrap ul.tab .tab_link:after {display:block;}
  .popup_content .tab_wrap.type2 ul.tab .tab_list {width:50% !important;}
  .popup_content .tab_wrap.type3 ul.tab .tab_list {width:33.3333% !important;}

  /* 입력 박스 */
  .form_body dl {min-height:auto; padding:0 0 10px 0;}
  .form_body dl.gender_group .radio_btn {padding-top:0;}
  .form_body dl dt {padding:10px 0 10px 0; font-size:14px; font-weight:bold; line-height:100%; color:#333;}
  .form_body.tit_grey dl dt {width:auto; background:none;}
  .form_body dl dd .comment {margin-left:0;}
  .form_body dl dd .check_sec {display:block; margin-top:6px; margin-left:0;}
  .write_form .mandatory {width:6px; height:6px; background-image:url('/web/vols/images/ico/ico_mandatory_m.png'); background-size:6px auto;}
  .form_body dl dd {padding-top:0; padding-right:0;}
  .form_body dl.input_box .input_text, .form_body dl.id_number .input_text {width:127px;}
  .form_body dl.input_box.id .input_text, .form_body dl.input_box.pwd .input_text {width:100%;}
  .form_body dl.input_box.id .btn {width:100%; margin-top:10px; margin-left:0;}
  .form_body dl.school.input_box .input_text {width:100% !important;}
  .form_body dl.school.input_box .btn{margin-left:0;}
  .form_body dl.school.input_box .comment.first{margin-top:10px;}

  .form_body dl.id_number .btn.form_gray {margin-left:0;}
  .form_body dl.gender_group .radio_btn {display:inline-block; padding-top:5px;}
  .form_body dl.gender_group .radio_btn:first-child {margin-right:60px;}
  .form_body dl.gender_group .radio_btn input {vertical-align:-3px;}
  .form_body dl.birthday .year {width:113px;}
  .form_body dl.birthday .month {width:82px;}
  .form_body dl.birthday .day {width:72px;}
  .form_body dl.birthday.input_box .input_text {width:100%;}
  .form_body dl.hint .select_form, .form_body dl.hint.input_box .input_text {width:100%;}
  .form_body dl.select_group.group3 .select_form {width:100%;}
  .form_body dl.select_group.multi .select_form {width:100%;}
  .form_body dl.select_group.multi .select_form:first-child{margin-bottom:5px;}
  .form_body dl.select_group.group4 .select_form, .form_body dl.select_group.group4 .input_text {width:125px;}
  .form_body dl.tel_number .first {width:72px;}
  .form_body dl.tel_number .tel1 {width:90px;}
  .form_body dl.tel_number .tel2 {width:90px;}
  .form_body dl.email_address .email_id {width:95%;}
  .form_body dl.email_address .email_domain {width:100%; margin-top:10px;}
  .form_body dl.email_address .domain_select {width:100%; margin-top:10px;}
  .form_body dl.id_number .btn {display:block; margin-top:10px;}
 /* file */
  .form_body dl.file .file_group {padding-left:0;}
  .form_body dl.file .file_upload {position:relative;}
  .form_body dl.file .file_type {display:block; padding-left:14px; text-indent:-14px;}
  .form_body dl.file .file_list .hypen .file button span {width:18px; height:18px; background:url('/web/vols/images/ico/btn_x_form_m.png') no-repeat left top; background-size:18px;}

  .form_body dl.permission_number .input_text {width:100%;}
  .form_bottom .btn_sec {margin:40px 0 0; text-align:center;}
  .form_bottom .btn_sec .btn:first-child {margin-right:3px;}

  /* box module */
  .module_box {margin:0 -15px; padding:17px 0; border-right:0 none; border-left:0 none;}
  .module_box .box {min-height:auto; padding:148px 15px 25px;}
  .module_box .box:after {width:100px; height:99px; margin-left:-50px; top:25px; left:50%;}
  .module_box .box .main_txt {font-size:16px; line-height:100%;}
  .module_box .box .h_decs {font-size:12px; line-height:20px;}

  .layerpopup_wrap .layer_header {height:45px;}
  .layerpopup_wrap .layer_header:after {width:15px;}
  .layerpopup_wrap .layer_header .tit_layer {padding-left:29px; font-size:17px; line-height:45px;}
  .layerpopup_wrap .layer_close {width:50px; height:45px; background:url('/web/vols/images/common/layer_close_m.png') no-repeat center center; background-size:21px;}
  .layerpopup_wrap .layer_content {position:absolute; top:80px; right:0; bottom:15px; left:15px; overflow:auto; box-sizing:border-box;}
  /* box 및 경고 문구 */
  .grey_box_guide {padding:15px 11px;}
  .grey_box_guide2 {padding:15px 11px; margin:25px 0;}
  
  .caution dl {position:relative; min-height:63px; padding:0;}
  .caution dt {top:-9999em; left:-9999em;}
  .caution dd div {display:block;}
  .caution dd div span {display:block;}
  .ico_check {font-size:12px; background:url('/web/vols/images/ico/ico_v_m.png') no-repeat left top; background-size:21px;}

  /* 타이틀 그룹 */
  .tit_group {position:relative; height:59px; padding:0 0 15px 62px;}
  .tit_group:after {width:62px; height:59px;}
  .tit_group .h_decs {padding-top:7px;}
  /* table align */
  .data_table .rows {margin-top:40px;}
  .data_table .rows:first-child {margin-top:0;}
  .data_table .cols .table_wrap {box-sizing:border-box;}
  .data_table .cols.type2 .table_wrap {float:left; width:50%; padding-right:2px; padding-left:2px;}
  .data_table .cols:first-child {padding-left:0;}
  .data_table .cols:last-child {padding-right:0;}
  .data_table .cols:after {content:''; display:block; width:0; height:0; clear:both; overflow:hidden;}
  .table_wrap .cols2_same .col1, .table_wrap .cols2_same .col2 {width:50%;}

  /* data table */
  .data_table .data_header .advice {padding-bottom:6px; text-align:left;}
  .data_table .table_wrap table thead th {padding-top:8px; padding-bottom:8px; font-size:14px;}
  .data_table .table_wrap:after {right:0;left:0;}
  .data_table .table_wrap table tbody th, .data_table .table_wrap table tbody td {padding-top:8px; padding-bottom:8px;}
  .data_table .btn_print{right:15px; top:60px}
  /* table align */
  .data_table .rows {margin-top:20px;}
  .data_table .rows:first-child {margin-top:0;}
  .data_table .cols .table_wrap {float:none !important; width:100% !important; margin-top:20px; padding-top:0 !important; padding-right:0 !important; padding-left:0 !important;}
  .data_table .cols .table_wrap:first-child {margin-top:0;}

  /* box */
  .box_info {margin-right:-15px; margin-left:-15px; padding:21px 15px;}
  .box_info dt {padding-bottom:8px; font-size:16px; font-weight:bold; color:#333;}

  /* 팝업 */
  .popup_wrap .pop_header {height:45px;}
  .popup_wrap .pop_header:after {width:15px;}
  .popup_wrap .pop_header .tit {padding-left:29px; font-size:17px; line-height:45px;}
  .popup_wrap .pop_close {width:50px; height:45px; background:url('/web/vols/images/common/layer_close_m.png') no-repeat center center; background-size:21px;}
  .popup_wrap .popup_content {padding:35px 15px;}
  .popup_wrap .popup_content .main_tit {padding-bottom:15px; font-size:15px;}
  .board_data.pop dl {display:block; float:none; overflow:hidden;}

  


  /*  
  .board_list_pop .list_wrap {border-top-width:1px;}
  .board_list_pop .tit_board_list{padding-bottom:11px;}
  .board_list_pop.non_sub .tit_board_list {font-size:12px; line-height:25px;}
  .board_data_pop dl {display:inline-block; position:relative; float:none; width:100%; margin-left:0; padding-left:12px;}
  .board_data_pop dl:first-child {margin-top:0;}
  .board_data_pop dl.locaton {padding-top:0; padding-left:38px;}
  .board_data_pop dl.locaton dt {position:absolute; top:0; left:12px;}
  .board_data_pop dl.locaton dd {padding-left:8px; text-indent:-8px;}
  .board_data_pop dl.search_num {margin-left:0;}
  .board_data_pop dl.file {padding-top:0;}
  .board_data_pop dl.file dt {float:none;}
  .board_data_pop dl.file dd {float:none;}
  .board_data_pop dl.file dd a {display:block; position:relative; margin-left:0; padding-left:8px; color:#333;}
  .board_data_pop dl.file dd a:first-child {margin-top:0; margin-left:0;}
  .board_data_pop dl.file dd a:after {content:''; display:block; position:absolute; width:5px; height:1px; top:8px; left:0; background:#000;}
  .board_data_pop .fr, .board_data .fl{float:none;}
  .board_data_pop .fr dl{margin:0 0 0 0;}
  .board_data_pop .fr dl.search_num{margin-left:0;}
  .board_data_pop dl:after {content:''; display:block; position:absolute; width:5px; height:5px; top:3px; left:0; background:#000;}
  .board_view_pop .board_data dl.file:after {top:8px;}*/
  
  .onepass {display:none;}
}
@media screen and (max-width:480px) {
  .popup_wrap .search_form .sub_tit{text-align:left;text-indent:-12px;padding-left:12px;}
  .popup_wrap .pop_search{padding:0 5px;}
  .popup_wrap .pop_board_header .result{float:none}
  .popup_wrap .pop_board_header .sub_txt{float:none}
  .popup_wrap .pop_board_list{border-top-width:1px;}

    /* 텝 */
  .popup_content .tab_wrap ul.tab {margin:0 -15px; overflow:hidden;}
  .popup_content .tab_wrap ul.tab .tab_list {float:none; width:100% !important; margin-top:1px;}
  .popup_content .tab_wrap ul.tab .tab_list:first-child {margin-top:0;}
  .popup_content .tab_wrap ul.tab .tab_link {height:33px; padding:0 25px; font-size:14px;}
  .popup_content .tab_wrap ul.tab .tab_link:after {display:none;}
  .popup_content .tab_wrap.type2 ul.tab .tab_list {width:100% !important;}
  .popup_content .tab_wrap.type3 ul.tab .tab_list {width:100% !important;}
  
  #btnClPartcptn{position: relative !important;} 
  
  .onepass {display:none;}
}

#btn1365botIcon {
	display:inline-block;
	vertical-align:top;
	cursor:pointer;
}
#btn1365botIcon span {
	width:25px;
	height:26px;
	background:url('/web/vols/images/chatbot/1365-bot-icon.png') no-repeat;
	display: inline-block;
	margin-left:-15px;
	margin-top:-3px;
	position: relative;
	margin-top: 1px;
}
#btn1365bot>span::first-letter {
	color: #74cf3b;
}
#btn1365bot .txt-3 {
	color: #ffa261;
	padding: 0;
}
#btn1365bot .txt-6 {
	color: #fba837;
	padding: 0;
}
#btn1365bot .txt-5 {
	color: #ffb866;
	padding: 0;
}


/* 프린트 */
.noprint {display:none;}
@media print {#headerWrap, #location_wrap, #sideMenu, #footer, #screenControll {display:none;}
  #contentsWrap .content {float:none;width:auto; padding:0;}
  #contents {width:auto;}}
  
  
/* 개발 Ajax Loding Bar */
.ajax_hide {display: none;}
#ajax_loading_bg{
    position: fixed;
    overflow: hidden;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #000000;
    opacity: 0.7;
     /* IE 8 */
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
     /* IE 5-7 */
     filter: alpha(opacity=70);
     /* Netscape */
     -moz-opacity: 0.7;
     /* Safari 1.x */
     -khtml-opacity: 0.7;
    z-index:1000000001;
}
#ajax_loading_center {
   width: 100px;
   height: 100px;
   position: absolute;
   left: 50%;
   top: 50%; 
   margin-left: -50px;
   margin-top: -50px;
    z-index:1000000002;
}