@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);
* {-webkit-text-size-adjust:none;}
html,body {width:100%; height:100%; margin:0; padding:0; font-size:100%;}
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {margin:0; padding:0;}
body {font-weight:400; font-family:'Noto Sans KR', Apple SD Gothic Neo, sans-serif; font-size:1em; color:#333; letter-spacing: -0.6px;}
table { table-layout:fixed; width:100%; border:0; border-spacing:0; border-collapse:collapse; }
table caption,
form legend{visibility:hidden;width:0;height:0;line-height:0;font-size:0;}
button::-moz-focus-inner {padding:0;border:0;}
button, input[type=submit], input[type=reset], input[type=button] {overflow:visible; margin:0; padding:0; cursor:pointer; border:0; background:transparent;}
input[type=checkbox] {-webkit-appearance:checkbox;}
input[type=image]{vertical-align:top;}
input, select, textarea, button {font-family:'Noto Sans KR', Apple SD Gothic Neo, sans-serif; font-size:100%; border-radius:0;}
li {list-style:none;}
img, fieldset {border:none; vertical-align:top;}
img {max-width:100%;}
hr {display:none;}
em, address, cite {font-style:normal;}

input {margin:0;padding:0;outline:none;}
input::-webkit-input-placeholder {color:#ccc;}
input::-webkit-input-placeholder {color:#ccc;}
input:-ms-input-placeholder {color:#ccc;}
input[type='text'] {padding:0 0 0 20px;height:40px;border:1px solid #e1e1e1; box-sizing: border-box;}
input[type='password'] {padding:0 0 0 20px;height:40px;border:1px solid #e1e1e1; box-sizing: border-box;}
input[type='submit'] {cursor:pointer; -webkit-appearance: none; -webkit-border-radius: 0;}
input[type='text'],
input[type='password'],
input[type='submit'],
textarea {-webkit-border-radius: 0px; -webkit-appearance:none;}
.radio {display:inline-block;position:relative;overflow:hidden;margin:0 0 0 0;padding:0 0 0 30px;height:32px;line-height:32px;font-size:16px;color:#333;text-align:left;}
.radio input[type='radio'] {position:absolute;left:-1000000px;top:0;}
.radio.checked {color:#4f5eaf;}
.checkbox {display:inline-block;position:relative;overflow:hidden;margin:0 0 0 0;padding:0 0 0 30px;height:32px;line-height:32px;font-size:16px;color:#333;text-align:left;}
.checkbox input[type='checkbox'] {position:absolute;left:-1000000px;top:0;}
.checkbox.checked {color:#4f5eaf;}

select {padding:0 34px 0 10px;height:40px;font-size:14px;color:#999;border:1px solid #e1e1e1;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff url(../images/img_form_selectbox.png) no-repeat 95% 50%;}
select::-ms-expand {display:none;}

a{color:#333;text-decoration:none;}
a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover, a:focus {text-decoration:none;}
a:active {text-decoration:none;}

/* HTML5 Reset */
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption {display: block;}

/* Layout */
.area-header {position:fixed;left:0;top:0;z-index:10;width:100%;height:50px;/* padding:13px 0; */background:rgba(255,255,255,0); border-bottom:1px solid rgba(255,255,255,0.2);
  -webkit-transition:background-color 1s;
  -moz-transition:background-color 1s;
  transition:background-color 1s;
}
.area-header.scrolled {background:rgba(255,255,255,0.9); border-bottom:1px solid #e1e1e1;}
.area-header .title {margin:0 auto;width:auto;height:auto;background:url(../images/img_logo_h1.png) no-repeat 50%;background-size:auto 25px;overflow:hidden;
  -webkit-transition:background-image 0s;
  -moz-transition:background-image 0s;
  transition:background-image 0s;
}
.area-header.scrolled .title {background:url(../images/img_logo_h1_on.png) no-repeat 50%;background-size:auto 25px;}
.area-header .title a {display:block;width:100px;height:50px;text-indent:-10000px; margin: 0 auto;}
.area-header .btn-menu {position:absolute;right:13px;top:18px;width:17px;height:16px; background:url(../images/img_button_gnb.png) no-repeat 50%;background-size:17px auto; cursor: pointer;
  -webkit-transition:background-image 0s;
  -moz-transition:background-image 0s;
  transition:background-image 0s;
}
.area-header.scrolled .btn-menu {background:url(../images/img_button_gnb_on.png) no-repeat 50%;background-size:17px auto;}
.area-header .btn-menu button {text-indent:-1000px;}

.visual-sub {position:relative;z-index:0;height:150px;}
.visual-sub.sub1 {background:url(../images/img_visual_sub1.jpg) no-repeat 50% top;background-size:100% auto;}
.visual-sub.sub2 {background:url(../images/img_visual_sub2.jpg) no-repeat 50% top;background-size:100% auto;}
.visual-sub.sub3 {background:url(../images/img_visual_sub3.jpg) no-repeat 50% top;background-size:100% auto;}
.visual-sub.sub4 {background:url(../images/img_visual_sub4.jpg) no-repeat 50% top;background-size:100% auto;}
.visual-sub.sub5 {background:url(../images/img_visual_sub5.jpg) no-repeat 50% top;background-size:100% auto;}
.visual-sub h1 {position:absolute;left:0;top:50%;width:100%;margin:8px 0 0 0;text-align:center;font-size:24px;color:#fff;font-weight:500;}

.area-navigation-local {position:relative;z-index:2;height:45px;}
.area-navigation-local .title {height:45px;line-height:45px;font-size:16px;color:#fff;font-weight:300;text-indent:13px;background:#005aff ;}
.area-navigation-local .title::after {content: ''; width:14px; height:7px; position: absolute; right:12px; top:50%; margin-top:-4px; background:url(../images/img_navigation_local.png) no-repeat right top; background-size:14px auto;}
.area-navigation-local .title.on::after {background-position: right -7px;}
.area-navigation-local .navigation-local {position:absolute;left:0;top:45px;width:100%;height:0;overflow:hidden;}
.area-navigation-local .navigation-local ul {border-top:1px solid #666666;background:#333333;}
.area-navigation-local .navigation-local ul li {}
.area-navigation-local .navigation-local ul li a {display:block;height:45px;line-height:45px;font-size:14px;color:#fff;font-weight:300;text-indent:13px;}
.area-navigation-local .navigation-local ul li.on a {color:#fff;background:#666;}


.area-footer {padding:0; border-top:1px solid #e3e3e3;}
.area-footer .area-inner {padding-bottom:30px; margin-bottom:14px;}
.area-footer .box-footer-link {text-align:center; padding: 8px 0 10px 0; border-bottom:1px solid #e3e3e3;}
.area-footer .box-footer-link li {display: inline-block;}
.area-footer .box-footer-link li::before {content: ''; display: inline-block; width:1px; height:10px; background: #b3b3b3; vertical-align: middle; margin: 2px 5px 0 5px;}
.area-footer .box-footer-link li:first-child::before {display: none;}
.area-footer .box-footer-link li a {color: #444; font-size:13px;}
.area-footer .box-footer-copyright {font-size:12px; color: #999; letter-spacing: -0.5px; text-align: center; background: url(../images/img_logo_footer.png) no-repeat center 15px;background-size:auto 24px; padding-top:50px;}
.area-footer .address address {display: block;}
.area-footer .address span {display: inline-block; margin:3px 0;}
.area-footer .address span::before {content: ''; display: inline-block; width:1px; height:8px; background: #b3b3b3; vertical-align: middle; margin: 0px 8px 0 8px;} 
.area-footer .address span:first-of-type::before {display:none;}

.area-navigation-global {position:fixed;left:100%;top:0;z-index:21;width:100%;height:100%;background:#fff;}
.area-navigation-global h2 {height:50px;text-indent:-1000000px;background:#005aff url(../images/img_logo_h1.png) no-repeat 24px 12px;background-size:auto 25px;overflow:hidden;}
.area-navigation-global h2 a {display:block;width:300px;height:50px;text-indent:-1000px;}
.area-navigation-global .navigation-global {}
.area-navigation-global .navigation-global > ul {}
.area-navigation-global .navigation-global > ul >li {position:relative;border-bottom:1px solid #ccc;}
.area-navigation-global .navigation-global > ul >li span {display:block;padding:14px 24px;font-size:18px;color:#333;font-weight:700;background-size:16px auto;}
.area-navigation-global .navigation-global > ul >li > span::before {content:'';display:block;position:absolute;right:65px;top:12px;width:30px;height:30px;background:url(../images/img_accordion.png) no-repeat 50%;background-size:auto 8px;}
.area-navigation-global .navigation-global > ul > li.on > span::before {content:'';display:block;position:absolute;right:65px;top:12px;width:30px;height:30px;background:url(../images/img_accordion_on.png) no-repeat 50%;background-size:auto 8px;}
.area-navigation-global .navigation-global > ul > li .sub {height:0;overflow:hidden; }
.area-navigation-global .navigation-global > ul > li.on .sub {height:auto; background:#ecf1fb;}
.area-navigation-global .navigation-global > ul > li > .sub > ul {border-top:1px solid #ccc; padding: 5px 0;}
.area-navigation-global .navigation-global > ul > li > .sub > ul > li {border:none;background:none;}
.area-navigation-global .navigation-global > ul > li > .sub > ul > li.on a {color: #005aff;}
.area-navigation-global .navigation-global > ul > li > .sub > ul > li a {display:block;padding:5px 24px;font-size:16px;color:#666;}
.area-navigation-global .navigation-global > ul > li > .sub > ul > li > ul {border:none; padding:0px; height:auto;}
.area-navigation-global .navigation-global > ul > li > .sub > ul > li > ul > li > a {font-weight:300; font-size:15px; color:#666 !important;}
.area-navigation-global .navigation-global > ul > li > .sub > ul > li > ul > li > a::before {content: ''; width:4px; height:1px; display:inline-block; background: #666; vertical-align: middle; margin: -2px 4px 0 0;}
.area-navigation-global .navigation-global > ul > li > .sub > ul > li > ul > li.on > a {color: #005aff !important;}

.area-navigation-global .btn.btn-close {display:none;position:absolute;left:-35px;top:15px;width:20px;height:20px;background:url(../images/img_close_gnb.png) no-repeat 50%;overflow:hidden;}

.area-navigation-global .btn.btn-close button {display:block;width:20px;height:20px;text-indent:-1000px;}
body.on::before {content:'';display:block;position:fixed;left:0;top:0;z-index:20;width:100%;height:100%;background:rgba(0,0,0,.5);}

.btn {display:block;overflow:hidden;}
.btn a {display:block;}
.btn button {display:block;}
.btn-type1 {display:block;background:#1d398d;border:1px solid #1d398d;}
.btn-type1 a,
.btn-type1 button {display:block;width:100%;height:38px;line-height:38px;text-align:center;font-size:14px;color:#fff;}
.btn-type2 {display:block;background:#ffffff;border:1px solid #e1e1e1}
.btn-type2 a,
.btn-type2 button {display:block;width:100%;height:38px;line-height:38px;text-align:center;font-size:14px;color:#666;}

.table-type1 {}
.table-type1 table {width:100%;border-top:2px solid #333;}
.table-type1 table th {padding:14px 10px;font-size:13px;color:#333;vertical-align:top;text-align:left;background:#f6f6f6;border-bottom:1px solid #e4e4e4;}
.table-type1 table td {padding:14px 10px;font-size:13px;color:#666;vertical-align:top;text-align:left;background:#fff;border-bottom:1px solid #e4e4e4;}
.table-type2 {}
.table-type2 table {width:100%;border-top:2px solid #333;}
.table-type2 table th {padding:14px 10px;font-size:13px;color:#333;vertical-align:top;text-align:left;background:#f6f6f6;border-bottom:1px solid #e4e4e4;}
.table-type2 table td {padding:14px 10px;font-size:13px;color:#666;vertical-align:top;text-align:left;background:#fff;border-bottom:1px solid #e4e4e4;}

/* Main */
section .title {margin:0 0 10px 0;font-size:30px;font-weight:700;text-align:center;color:#fff;}
section .description {margin:0 0 15px 0;font-size:15px;font-weight:300;text-align:center;color:#fff;opacity: 0.7;}

.section1 img {width:100%;}
.section1 li {z-index:1 !important;}
.section1 li > span {position:absolute;left:20px;top:20%;width:100%;text-align:left; color:#fff;}
.section1 li > span > .text1 {display:block; margin:0 0 15px 0;font-family:'Noto Sans KR';font-size:36px;font-weight:700;color:#fff;line-height:44px; text-shadow: 2px 5px 16px rgba(0, 0, 0, 0.2) ; -webkit-text-shadow: 2px 5px 16px rgba(0, 0, 0, 0.2) ; -moz-text-shadow: 2px 5px 16px rgba(0, 0, 0, 0.2) ; }
.section1 li > span > .text2 {display: block; margin:0 0 25px 0;font-family:'Noto Sans KR';font-size:16px;color:#fff;line-height:24px; font-weight:400; text-shadow: 2px 5px 16px rgba(0, 0, 0, 0.4) ; -webkit-text-shadow: 2px 5px 16px rgba(0, 0, 0, 0.4) ; -moz-text-shadow: 2px 5px 16px rgba(0, 0, 0, 0.4) ; }
.section1 li > span > .link-more {display:inline-block; border-radius:30px;overflow:hidden;background:#005aff; border:1px solid #005aff; }
.section1 li > span > .link-more a {display:block;padding:0 50px 0 30px;height:40px;line-height:40px;letter-spacing:2px; font-size:14px;font-weight:400;color:#fff;text-align:center;background:url(../images/main/img_arrow_main_button1.png) no-repeat 85% 50%; background-size:12px auto;}
.section1 li > span > .link-more:hover {border:1px solid #fff; background:rgba(0,0,0,0.2);}
.section1 li > span > .link-more:hover a {color:#fff;}

.section1 .bx-controls.bx-has-pager {text-align:center;height:0;}
.section1 .bx-pager.bx-default-pager {position:relative;top:-43px;z-index:10;display:inline-block;margin:0;padding:3px 6px;width:auto;height:6px;text-align:center;background:rgba(0,0,0,.5);border-radius:6px;}
.section1 .bx-pager.bx-default-pager .bx-pager-item {display:inline-block;margin:0 3px;width:6px;height:6px;vertical-align:top;}
.section1 .bx-pager.bx-default-pager .bx-pager-item .bx-pager-link {display:block;margin:0;width:6px;height:6px;border-radius:100%;background:#fff;text-indent:-1000px;overflow:hidden;}
.section1 .bx-pager.bx-default-pager .bx-pager-item .bx-pager-link.active {background:#2f60eb;}

.section2 {margin-top:-1px; padding:40px 0;background:url(../images/main/img_visual_main2.jpg) no-repeat 50% top; background-size: cover;/* background-size:100% auto; */}
.section2 .box-business {overflow:hidden; padding:0 20px;}
.section2 .box-business > .group-links li {position: relative; width:100%; margin-bottom: 10px; text-align: center;}
.section2 .box-business > .group-links li:last-of-type {margin-bottom:0px;}
.section2 .box-business > .group-links li img {width:100%;}
.section2 .box-business > .group-links li a {position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; width: 100%; height: 100%; align-items: center; display: flex; text-align: center; font-size:20px; font-weight:500; color: #fff;}
.section2 .box-business > .group-links li a span {width:100%;}

.section3 {padding:40px 0;background:url(../images/main/img_visual_main3.jpg) no-repeat 50% top; background-size: cover;/* background-size:100% auto; */}
.section3 .title {color:#212121;}
.section3 .description {color:#212121;}
.section3 .group-links-about {overflow:hidden; width:100%; padding: 0 30px; box-sizing: border-box;}
.section3 .group-links-about li {float:left; width:calc(50% - 7px); margin: 10px 0; text-align: center;}/* .section3 .group-links-about li:last-of-type {margin-bottom:0px;} */
.section3 .group-links-about li:nth-of-type(2n) {float:right;}
.section3 .group-links-about li a {text-align: center; font-size:20px; font-weight:500; color: #333;}
.section3 .group-links-about li a img {width:100%; border-radius: 50%;}
.section3 .group-links-about li a span {width:100%; display:block; margin-top:5px;}


.section4 {padding:40px 0;background:url(../images/main/img_visual_main4.jpg) no-repeat 50% top; background-size: cover;}
.section4 .group-links-media {margin:0 20px; box-sizing: border-box;}
.section4 .group-links-media > ul > li {text-align: center; position:relative; margin-bottom: 10px;}
.section4 .group-links-media > ul > li:last-of-type {margin-bottom:0px;}
.section4 .group-links-media > ul > li img {width: 100%; }
.section4 .group-links-media > ul > li > a {position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; width: 100%; height: 100%; /* align-items: center; */ display: flex; text-align: left;}
.section4 .group-links-media > ul > li .m-content {width:100%; padding:8% 0 0 25px; vertical-align: top; box-sizing: border-box;}
.section4 .group-links-media > ul > li .m-content > span {display: block;}
.section4 .group-links-media > ul > li .m-title {font-size:20px; font-weight:700; margin-bottom:15px; letter-spacing: 0px;}
.section4 .group-links-media > ul > li .m-text {font-size:15px; font-weight:400;}

.section4 .group-links-media ul li.link1 a {color: #fff;}
.section4 .group-links-media ul li.link1 .m-text {margin-bottom:15px;}
.section4 .group-links-media ul li.link1 .m-download{display:inline-block !important; height:35px; line-height:34px; font-size:12px; font-weight:700; letter-spacing: 2px; padding:0 20px; border-radius: 25px; background: #fff; color: #005aff;}
.section4 .group-links-media ul li.link1 .m-download::after {content: ''; display:inline-block; width:9px; height:18px; background:url(../images/main/img_main_section4_down.png) no-repeat left top; background-size:100% auto; margin-left:15px; vertical-align: middle;}

.section4 .group-links-media ul li.link2 a {color:#333; z-index: 1;}
.section4 .group-links-media ul li.link2 > .link2-notice {position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; width: 100%; height: 100%; /* align-items: center; */ display: flex; text-align: left;}
.section4 .group-links-media ul li.link2 .m-content {padding:7% 25px 0 25px; box-sizing: border-box;}
.section4 .group-links-media ul li.link2 .m-title {margin-bottom:15px; }
.section4 .group-links-media ul li.link2 .notice-list {width:100%;}
.section4 .group-links-media ul li.link2 .notice-list li {width:100%; margin-bottom:3px; overflow: hidden;}
.section4 .group-links-media ul li.link2 .notice-list li a {float:left; display:block; width:calc(100% - 80px); font-size:15px; font-weight:400; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.section4 .group-links-media ul li.link2 .notice-list li a:hover {color: #005aff;}
.section4 .group-links-media ul li.link2 .notice-list li span {float:right; display:block; vertical-align: middle; margin-top:1px; width:60px; font-size:12px; color: rgb(163, 163, 163);}
.section4 .group-links-media ul li.link2 .m-more {z-index: 3; position: absolute; right:0px; top:0px; width:45px; height:45px; font-size:0px; line-height: 0px; text-indent: -99999; position: absolute; right:0; top:0px; background: #0a60ff url(../images/main/img_main_section4_more.png) no-repeat left top; background-size:100%; cursor: pointer;}
.section4 .group-links-media ul li.link2 .m-more a {width:45px; height:45px; display:block;}

.section4 .group-links-media ul li.link3 a {color: #fff;}
.section4 .group-links-media ul li.link3 .m-content {padding:8% 0 0 20px; margin-left:50%; background: #0a60ff;}
.section4 .group-links-media ul li.link3 .m-title {position: relative; line-height:26px;}
.section4 .group-links-media ul li.link3 .m-title::after {content: ''; position: absolute; right:20px; top:13px; display: block; width:12px; height:10px; background: url('../images/main/img_main_section4_arr.png') no-repeat left top; background-size:100% auto;}


/********************** sub-common **********************/
.area-inner > .content {width:100%; padding:30px 13px 50px 13px; overflow:hidden; box-sizing: border-box;}
.area-inner > .cont_100p {width:100%; padding:30px 0 0 0; overflow:hidden; box-sizing: border-box;}

.box-sub {position: relative; margin: 0 auto 20px; text-align: center; color: #fff; font-size:18px; line-height:28px; font-weight:300;}
.box-sub .img-text {position: absolute; left:0px; right:0px; top:0px; bottom:0px; width:100%; height:100%; align-items: center; display: flex; /* display: inline-table; */}
.box-sub .img-text span {/* display:table-cell; vertical-align: middle; */ width:100%; letter-spacing: -1px;}
.text-center {display:block; text-align: center; font-size:20px; line-height: 30px; color: #444; margin-bottom: 20px; word-break: keep-all;}
.text-center.type2 {font-size:16px; font-weight:500; line-height: 24px; margin-bottom: 30px;}
.text-type1 {display:block; text-align: left; font-size:15px;line-height: 23px; color: #444; font-weight:300; word-break: keep-all;}
.text-type2 {display:block; text-align: right; font-size:15px; line-height: 25px; font-weight:300; word-break: keep-all;}
.text-small-type1 {display:block; font-size:15px; line-height:20px; color: #999; font-weight:300; margin-top:5px;}
.text-margin {display:block; width:100%; height:20px;}

.text-title {font-size:18px; line-height: 28px; color: #444; margin-bottom:20px; text-align: center; word-break: keep-all;}
.text-title .span-type1 {display:block; font-size:15px; line-height:22px; margin-top:5px;}
.text-point1 {color: #186cea;}
.text-point2 {color: #ff3333;}
.bg-point1 {background: #186cea;}
.bg-point2 {background: #ff3333;}
.bg-point3 {background: #f5f8fd;}

.line-type1 {border-bottom:1px solid #e1e1e1;}

.list-type1 {width:100%; margin: 0px;}
.list-type1 li {width:100%; position: relative; font-size:15px; line-height:26px; font-weight: 300; padding-left:12px; /* margin-bottom:4px; */ box-sizing: border-box; word-break: keep-all;}
.list-type1 li::before {content: ''; position: absolute; left:3px; top:12px; display:inline-block; width:3px; height:3px; background: #186cea; vertical-align: top;}

h3, h4 {font-weight:500;}
h3 {font-size:20px; line-height:30px; margin-bottom:20px; color: #212121;}
h3.type2 {font-size:16px; line-height:26px; margin:20px 0 0 0;}
h3.type3 {font-size:18px; line-height:28px; margin:0 0 10px 0; color: #333;}

.center {text-align: center;}
.mar_t0 {margin-top: 0px !important;}
.mar_t10 {margin-top: 10px !important;}
.mar_t20 {margin-top: 20px !important;}
.mar_b10 {margin-bottom: 10px !important;}
.mar_b20 {margin-bottom: 20px !important;}
.mar_b30 {margin-bottom: 30px !important;}
.mar_b40 {margin-bottom: 40px !important;}
.mar_b50 {margin-bottom: 50px !important;}
.mar_b60 {margin-bottom: 60px !important;}

/* tab */
.box-tab-head {display:flex; margin: 0 auto 20px; width:100%;}
.box-tab-head span {display:block;flex:auto;border-bottom:2px solid #cccccc; box-sizing:border-box; background-color: #fff;}
.box-tab-head span button,
.box-tab-head span a {display:block;position:relative;width:100%;height:40px;line-height:40px;font-size:18px;text-align:center; color: #999;letter-spacing: -1px;}
.box-tab-head span.on {border-bottom:2px solid #186cea;}
.box-tab-head span.on button,
.box-tab-head span.on a {color:#186cea;}
.box-tab-head span:hover {color:#186cea; border-bottom:2px solid #186cea;}
.box-tab-head span:hover button,
.box-tab-head span:hover a {color:#186cea;}
.box-tab-head.type2 span {width:50%;}
.box-tab-head.type3 span {width:33.33%;}
.box-tab-head.type4 span {width:25%;}
.box-tab-head.type5 span {width:20%;}

/* sub-tab */
.sub-tab-head {display:flex; margin: 65px auto 65px; width:1200px;}
.sub-tab-head span {display:block;flex:auto;box-sizing:border-box; background: #ecf1fb; border:1px solid #b3b3b3; margin-left:-1px;}
.sub-tab-head span button {display:block;position:relative;width:100%;height:70px;line-height:70px;font-size:18px;text-align:center; color: #666;letter-spacing: -1px;}
.sub-tab-head span.on {background: #fff; border-bottom:1px solid #fff;}
.sub-tab-head span.on button {color:#186cea;}
.sub-tab-head span:hover {color:#186cea; background: #fff; border-bottom:1px solid #fff;}
.sub-tab-head span:hover button {color:#186cea;}

/* swiper-tab */
div[class^='slide-tab-'].swiper-container {display:block;position:static;overflow:hidden;margin-left: 13px; margin-bottom:20px; padding:0;height:40px;}
div[class^='slide-tab-'].swiper-container .swiper-wrapper {width:auto;}
div[class^='slide-tab-'].swiper-container .swiper-wrapper::before {content:'';display:block;position:absolute;left:0;bottom:0px;width:100%;height:2px;background:#cccccc;}
div[class^='slide-tab-'].swiper-container .swiper-slide {position:relative;width:auto;box-sizing:border-box; border-bottom:2px solid #cccccc;}
div[class^='slide-tab-'].swiper-container .swiper-slide a {display:block;padding:0 15px;width:auto;height:40px;font-size:18px;text-align:center;white-space:nowrap; color: #999;letter-spacing: -1px;}
div[class^='slide-tab-'].swiper-container .swiper-slide.on {border-bottom:2px solid #186cea;}
div[class^='slide-tab-'].swiper-container .swiper-slide.on a {color:#186cea;}
/* div[class^='slide-tab-'].swiper-container .swiper-slide.on::after {content:'';display:block;position:absolute;left:0;bottom:-1px;width:100%;height:1px;background:#186cea;} */

/* tab-body */
.box-tab-body {position:relative;overflow:hidden;height:0;}
.box-tab-body.on {height:auto;}
.box-tab-sub-body {overflow:hidden;height:0;}
.box-tab-sub-body.on {height:auto;}
.box-tab-body .box-inner {padding:15px;}
.box-tab-sub-body .box-inner {padding:65px 15px 15px 15px;}

/* 회사소개 - 인사말 */
.box-greeting {margin-bottom: 30px;}
.greeting-top {}
.greeting-content {position: relative; color: #444; font-size:15px; line-height:24px; font-weight:300; word-break: keep-all;}
.greeting-content::after {content: ''; display:block; width:auto; height:250px; background: url(../images/img_greeting_02.jpg) no-repeat center top; background-size:auto 250px; margin-top:30px;}
.greeting-content .gt-title {display:block; margin-bottom:20px; font-size:16px; line-height:24px; color: #333; font-weight:500;}

/* 비전 */
.box-vision {margin: 0 13px; text-align: center;}
.box-vision .vision-top {letter-spacing: 0px;}
.box-ci {width:100%; margin-top:20px; padding:20px 13px 30px 13px; background: #ecf1fb; box-sizing: border-box;}
.box-ci h3 {text-align: center; margin-bottom:10px;}
.ci-download {width:100%; margin:15px auto 0; box-sizing: border-box; border:1px solid #b3b3b3;}
.ci-download .ci-logo {width:100%; padding:35px 0px; text-align: center; display:block; background: url(../images/bg_ci.gif) repeat left top;}
.ci-download .ci-logo img {width:160px; height:auto;}
.ci-download .ci-btn {border-top:1px solid #b3b3b3; background: #fff; text-align: center; overflow: hidden;}
.ci-download .ci-btn a {float:left; display:inline-block; width:50%; line-height:40px; font-size:15px; box-sizing: border-box;}
.ci-download .ci-btn a:first-of-type {border-right:1px solid #b3b3b3;}
.ci-download .ci-btn a:hover {background-color: #005aff; color: #fff;}
.ci-download .ci-btn a::after {content: ''; display:inline-block; width:15px; height:15px; background: url(../images/icon_btn_download_blue.png) no-repeat left top; background-size: 100%; vertical-align: middle; margin: -6px 0 0 10px;}
.ci-download .ci-btn a:hover::after {background: url(../images/icon_btn_download.png) no-repeat left top; background-size: 100%;}

/* 회사소개 - 주요연혁 */
.box-history {margin: 0 auto;}
.box-history .history-top {}
.history-list {z-index: 1; position: relative; overflow: hidden; width:100%; height:auto;}
.history-list ul {overflow: hidden; width:100%; height:100%; background: url(../images/img_history_02.png) no-repeat right top; background-size: 90% auto;}
.history-list ul::before {z-index: -1; content: ''; position: absolute; left: 5px; top:15px; margin-left:-1px; width:2px; height:100%; background: #d8dde5;}
.history-list::after {content: ''; display:block; width:100%; height:150px; padding-top:30px; background: #fff url(../images/img_history_03.png) no-repeat center 30px; background-size:auto 90%;}
.history-list li {display: block; width:100%; height:auto; padding: 0px; box-sizing: border-box;}
.history-list dl {margin-bottom:30px;}
.history-list dt.year {display:block; color:#186cea; font-size:18px; font-weight:500;}
.history-list dt.year::before {content: ''; display: inline-block; width:8px; height:8px; background: #186cea; vertical-align: middle; margin-top:-2px; margin-right:10px; margin-left:1px;}
.history-list dd {font-weight:300; font-size:15px; padding-left:20px; margin-top:10px; display: flex; word-break: keep-all;} 
.history-list dd .month {color: #333; font-weight:500; display:inline-table; width:40px;}
.history-list li:last-of-type {position: relative; background: #fff;}
.history-list li:last-of-type dl {margin-bottom:0px;}
.history-list li:last-of-type dt.year {position: relative;}
.history-list li:last-of-type dt.year::after {content: ''; display: inline-block; width:2px; height:10px; position: absolute; left:4px; top:0px; background: #d8dde5;}

/* 회사소개 - 주주사 */
.box-shareh {margin: 0 auto;}
.box-shareh .shareh-top {}
.shareh-list {width:100%; }
.shareh-list dl {width:100%; overflow: hidden; padding:0 0 15px 0; margin-bottom:5px; box-sizing: border-box;}
.shareh-list dt {width:100%; height:50px; line-height:40px; font-size:20px; text-align: center;}
.shareh-list dd:first-of-type {margin-left:0px;}
.shareh-list dd img {max-width: 90px; width:auto; max-height: 40px; height:auto; }

.shareh-list dt div {width:100%; height:40px;
	background:linear-gradient(-135deg, transparent 10px, #002060 0) top right,linear-gradient(45deg, transparent 10px, #002060 0) bottom left; 
	background-repeat: no-repeat; background-size:55% 100%;}
.shareh-list dt div p {font-size:15px; color:white;}
.shareh-list .dd-img_list {float:left; width:100%; height:240px; border:1px solid #e1e1e1; box-sizing: border-box; padding:10px; text-align: center;}
.shareh-list .dd-under {float:right; display:block; margin-right:10px; font-size:12px;}
.shareh-list dd .logo_box tr {height:35px;}
.shareh-list dd .logo_box tr td {text-align: center; padding: 2px;}
.shareh-list dd .logo_box tr td img {max-width: 85px; width:auto; max-height: 35px; height:auto; vertical-align: middle;}

/* 회사소개 - 오시는길 */
.box-map {margin: 0 auto;}
.map-load{display:block; margin-bottom:20px;}
.map-load #map {width:100%; height:300px;}
.map-waylist dl {width:100%; overflow: hidden; padding:10px; margin-bottom:20px; border:1px solid #b3b3b3; box-sizing: border-box;}
/* .map-waylist dl:last-of-type {margin-bottom:0px;} */
.map-waylist dt {width:100%; box-sizing: border-box; color: #333; font-size:16px; font-weight:500; text-align: left; padding: 0 5px 10px 5px; border-bottom:1px solid #cccccc;}
.map-waylist dt span {display: block; width:100%; vertical-align: middle;}
.map-waylist dt span::before {content: ''; display:inline-block; width:18px; height:24px; vertical-align: middle; margin-right:9px; background: url(../images/icon_map_way.gif) no-repeat left top; background-size:auto 24px;}
.map-waylist dl:nth-of-type(2) dt span::before {background-position: -18px top;}
.map-waylist dl dt.road span::before {background-position: -36px top;}
.map-waylist dd {padding:10px 5px 0 5px; font-size:14px; font-weight:300; line-height:24px; box-sizing: border-box;}
.customoverlay {position:relative;bottom:85px;border-radius:6px;border: 1px solid #ccc;border-bottom:2px solid #ddd;float:left;}
.customoverlay:nth-of-type(n) {border:0; box-shadow:0px 1px 2px #888;}
.customoverlay a {display:block;text-decoration:none;color:#000;text-align:center;border-radius:6px;font-size:14px;font-weight:bold;overflow:hidden;}
.customoverlay .title {display:block;text-align:center;background:#fff;margin-right:0px;padding:10px 15px;font-size:14px;font-weight:bold;}
.customoverlay:after {content:'';position:absolute;margin-left:-12px;left:50%;bottom:-12px;width:22px;height:12px;background:url('../images/vertex_white.png')}

/* 회사소개 - 인재채용 - 기업문화 */
.box-culture {margin: 0 auto; padding: 0 13px;}
.culture-list {width: 100%; margin: 0 auto; overflow: hidden;}
.culture-list ul {overflow: hidden; margin-bottom:30px;}
.culture-list li {width:100%; text-align: left; margin-bottom:15px; background: #ecf1fb;}
.culture-list li:last-of-type {margin-bottom:0px;}
.culture-list li img {width:100%;}
.culture-list li p {display:block; width: 100%; height: auto; background: #ecf1fb; font-size: 15px; font-weight:300; box-sizing: border-box; padding: 15px 20px 20px 20px; word-break: keep-all;}
.culture-list li p > span {display:block; font-weight:500; font-size:18px; margin-bottom:5px;}
.culture-list li p > span > span {margin-right:5px;}

.culture-welfare {width:100%;background: #ecf1fb; padding: 30px 13px; box-sizing: border-box;}
.culture-welfare h3 {text-align: center;}
.culture-welfare ul {width: 100%; margin: 0 auto; overflow: hidden;}
.culture-welfare li {float:left; width:calc(50% - 3px); height:100px; margin: 0 0 8px 0; font-size:12px; line-height:20px; color: #333; background: #fff; border:1px solid #b3b3b3; box-sizing: border-box; text-align: center; word-break: keep-all;}
.culture-welfare li:nth-of-type(2n) {float:right;}
.culture-welfare li span {display:block; width:100%; height:100%; padding-top:53px;background: url(../images/icon_culture_01.gif) no-repeat center 15px; background-size:30px; box-sizing: border-box; letter-spacing: -1.2px;}
.culture-welfare li:nth-of-type(2) span {background: url(../images/icon_culture_02.gif) no-repeat center 8px; background-size:30px; padding-top:40px;}
.culture-welfare li:nth-of-type(3) span {background: url(../images/icon_culture_03.gif) no-repeat center 15px; background-size:30px;}
.culture-welfare li:nth-of-type(4) span {background: url(../images/icon_culture_04.gif) no-repeat center 15px; background-size:30px;}
.culture-welfare li:nth-of-type(5) span {background: url(../images/icon_culture_05.gif) no-repeat center 15px; background-size:30px;}
.culture-welfare li:nth-of-type(6) span {background: url(../images/icon_culture_06.gif) no-repeat center 15px; background-size:30px;}
.culture-welfare li:nth-of-type(7) span {background: url(../images/icon_culture_07.gif) no-repeat center 15px; background-size:30px;}
.culture-welfare li:nth-of-type(8) span {background: url(../images/icon_culture_08.gif) no-repeat center 15px; background-size:30px;}
.culture-welfare li:nth-of-type(9) span {background: url(../images/icon_culture_09.gif) no-repeat center 15px; background-size:30px;}
.culture-welfare li:nth-of-type(10) span {background: url(../images/icon_culture_10.gif) no-repeat center 15px; background-size:30px;}
.culture-welfare li:nth-of-type(11) span {background: url(../images/icon_culture_11.gif) no-repeat center 15px; background-size:30px;}
.culture-welfare li:nth-of-type(12) span {background: url(../images/icon_culture_12.gif) no-repeat center 15px; background-size:30px;}

/* 회사소개 - 인재채용 - 채용절차/공고 */
.box-job {margin: 0 auto; width:100%;}
.box-job-process {background: #ecf1fb; padding: 20px 0; margin-bottom:20px; text-align: center;}
.box-job-process > h3 {font-size:24px; margin-bottom:15px;}
.box-job-process ul {margin: 0 auto; width:200px;}
.box-job-process li {position: relative; display:block; width:auto; height:70px; font-weight:300; font-size:18px; text-align: left; line-height:26px; padding-left:90px; padding-top:12px;}
.process-step{display:block; margin:0 0 5px 0; background: #186cea; width:55px; height:21px; line-height:20px; border-radius: 50px; color: #fff; font-size:12px; letter-spacing: 0px; text-align: center;}
.process-title {font-weight:500; font-size:18px; color: #333;}
.box-job-process li:nth-of-type(1) {background: url('../images/img_process_step01.png') no-repeat left top; background-size:70px;}
.box-job-process li:nth-of-type(2) {background: url('../images/img_process_step02.png') no-repeat left top; background-size:70px;}
.box-job-process li:nth-of-type(3) {background: url('../images/img_process_step03.png') no-repeat left top; background-size:70px;}
.box-job-process li::after {content: ''; position: absolute; left:35px; top:71px; width:1px; height:10px; background: url('../images/img_process_line.png') no-repeat right top; background-size: 100% auto;}
.box-job-process li:last-of-type {margin: 0px;}
.box-job-process li:last-of-type::after {display: none;}

/* 회사소개 - 인재채용 - 채용공고 */
.box-job-board {width:100%; margin: 0 auto 50px;}
.box-job-board h3 {text-align: center;}
.box-job-board .bbs_view,
.box-job-board .btn_wrap {margin: 20px 13px 0px;}
.box-job-board .btn_wrap .blue {float:left;}
.bbs_list_jop {margin: 0 13px;}
.bbs_list_jop a {display:block; margin-bottom:20px;}
.bbs_list_jop a:last-of-type {margin-bottom:30px;}
.bbs_list_jop dl {width:100%; border-top:1px solid #186cea; }
.bbs_list_jop dt {border-bottom:1px solid #b3b3b3; font-weight:500;}
.bbs_list_jop dd {border-bottom:1px solid #e1e1e1;}
.bbs_list_jop dt,
.bbs_list_jop dd {width:100%; height:40px; line-height:40px; font-size:15px; color:#666666; padding: 0 15px; box-sizing: border-box;}
.bbs_list_jop dt {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bbs_list_jop dt span,
.bbs_list_jop dd span {float:left; font-size:14px; color:#212121; width:80px; display:inline-block; box-sizing: border-box;}
.bbs_list_jop .none-data {display:block; width:100%; margin-bottom:30px; text-align: center; font-size:15px; padding:15px 0px; border-top:1px solid #186cea; border-bottom:1px solid #b3b3b3;}
/* 서비스 */
.box-service {margin: 0 13px; padding-bottom:50px;}
.box-service.type2 {padding-bottom:0px;}
.box-service .line-type1 {padding-bottom:20px; margin-bottom:20px;}
.box-type-list {width:100%; overflow: hidden; border-top:1px solid #b3b3b3;}
.box-type-list li {width:100%; height:auto; padding:10px; line-height:24px; font-size:16px; color: #333; box-sizing: border-box; text-align: center; border:1px solid #b3b3b3; margin-top:-1px;}

.box-type-list2 {width:100%; overflow: hidden;}
.box-type-list2 li {width:calc(20% - 10px); margin-right:12px; margin-bottom:14px; float:left; display:table; height:90px; font-size:18px; font-weight:500; color: #333; box-sizing: border-box; text-align: center; border:1px solid #b3b3b3; }
.box-type-list2 li:nth-of-type(5) {margin-right:0px;}
.box-type-list2 li span {display:block; display:table-cell; vertical-align: middle;}

.box-type-list3 dl {width:100%; padding:10px; border:1px solid #b3b3b3; box-sizing: border-box; margin-bottom:20px; overflow: hidden;}
.box-type-list3 dl:last-of-type {margin-bottom:0px;}
.box-type-list3 dt {width:100%; box-sizing: border-box; color: #333; font-size:16px; font-weight:500; text-align: left; padding: 0 5px 10px 5px;  border-bottom:1px solid #cccccc;}
.box-type-list3 dt span {display: block; width:100%;}
.box-type-list3 dd {width:100%; padding:10px 5px 0 5px; font-size:14px; font-weight:300; line-height:24px;  box-sizing: border-box; word-break: keep-all;}
.box-type-list3 dd .list-type1 li {line-height:22px; margin-bottom:5px; font-size:14px;}
.box-type-list3 dd .list-type1 li::before {top:10px;}
.box-type-list3.type2 dt,
.box-type-list3.type2 dd {text-align: center;}

.box-service-ul {margin-bottom:30px;}
.box-service > .service-img-type1 {text-align: center;}
.box-service > .service-img-type1 img {padding: 0; }

/* 서비스 - 평가프로세서 */
.box-evaluation-process dl {width:100%; overflow: hidden; padding:10px; margin-bottom:20px; background: #ecf1fb; border:1px solid #b3b3b3; box-sizing: border-box;}
.box-evaluation-process dl:last-of-type {margin-bottom:0px;}
.box-evaluation-process dt {width:100%; box-sizing: border-box; color: #333; font-size:16px;font-weight:500; text-align: left; padding: 0 5px 10px 5px; border-bottom:1px solid #ccc; position: relative;}
.box-evaluation-process dt span {display: block; width:100%; /* vertical-align: top; position: absolute; left:30px; top:50%; margin-top:-18px; */ }
.box-evaluation-process dt span::before {content: ''; display:inline-block; width:25px; height:24px; vertical-align: middle; margin-right:10px; background: url(../images/icon_evaluation.png) no-repeat left top; background-size: auto 100%;}
.box-evaluation-process dl:nth-of-type(2) dt span::before {background-size: auto 100%; background-position: -25px top;}
.box-evaluation-process dl:nth-of-type(3) dt span::before {background-size: auto 100%; background-position: -50px top;}
.box-evaluation-process dl:nth-of-type(4) dt span::before {background-size: auto 100%; background-position: -75px top;}
.box-evaluation-process dl:nth-of-type(5) dt span::before {background-size: auto 100%; background-position: -100px top;}
.box-evaluation-process dd {width:100%; padding:10px 5px 0 5px; font-size:14px; font-weight:300; line-height:22px;  box-sizing: border-box;}

.box-service-process {width:100%; text-align: left;}
.box-service-process ul {width:100%;}
.box-service-process li {width:100%; position: relative; padding-bottom:10px; overflow: hidden;}
.box-service-process .sv-step{float:left; display: table; height:80px; width:80px; background: #ecf1fb; border:1px solid #666666; border-radius: 50px; text-align: center;}
.box-service-process .sv-step span {display: table-cell; vertical-align: middle; font-size:15px; line-height:20px; font-weight:500;}
.box-service-process .sv-text {display:table; min-height:80px; padding: 0 0 0 10px; word-break: keep-all;}
.box-service-process .sv-text span {display: table-cell; vertical-align: middle; font-size:14px; line-height:20px; color: #666; font-weight:300;}

.box-service-process li::after {content: ''; position: absolute; left:42px; top:81px; width:1px; height:100%; background: url('../images/img_process_line2.png') repeat-y left top; background-size: 100% auto;}
.box-service-process li:last-of-type::after {display: none;}

/* 서비스 - 업무프로세서 */
.box-work-process {width:100%; padding: 20px 13px; margin:20px 0; background: #ecf1fb; box-sizing: border-box;}
.work-process-inner {margin: 0 auto; width:100%; overflow: hidden;}
.work-process-inner dl {width: 100%; margin-bottom:13px;}
.work-process-inner dl:nth-of-type(2) {margin-bottom:0px;}
.work-process-inner dt {width:100%; height:40px; line-height: 38px; font-size:16px; background: #186cea; color: #fff; text-align: center;}
.work-process-inner dd {width:100%; background: #fff; padding: 12px 20px; box-sizing: border-box;}
.work-process-inner dd .list-type1 li:last-of-type {margin-bottom:0px;}

/* 문의 연락처 */
.box-content-inquiry {margin: 0 auto;}
.box-content-inquiry dl {width:100%; padding:10px; border:1px solid #b3b3b3; box-sizing: border-box;}
.box-content-inquiry dt {width:100%; box-sizing: border-box; color: #333; font-size:16px; font-weight:500; text-align: left; padding: 0 5px 10px 5px; border-bottom:1px solid #cccccc;}
.box-content-inquiry dt span {display: block; width:100%;}
.box-content-inquiry dd {width:100%; padding:0 0 0 0px; font-size:14px; font-weight:300; line-height:26px; box-sizing: border-box;}
.box-content-inquiry dd ul {width:100%;/*  margin-bottom: 5px; */ padding: 10px 5px 0 5px;}
.box-content-inquiry dd ul:last-of-type {margin-bottom: 0;}
.box-content-inquiry dd li {display:inline-block; margin-right:10px; letter-spacing: 0; color: #333;}
.box-content-inquiry dd li::before {content: ''; display:inline-block; width:15px; height:15px; background: url(../images/icon_content_inquiry.gif) no-repeat left top; vertical-align: middle; margin: -2px 7px 0 0; background-size:auto 15px;}
.box-content-inquiry dd li:nth-of-type(1) {font-weight:500; color: #333; letter-spacing: -1px; display:block;}
.box-content-inquiry dd li:nth-of-type(1)::before {display:none;}
.box-content-inquiry dd li:nth-of-type(2)::before {width:14px; margin: -2px 5px 0 0;}
.box-content-inquiry dd li:nth-of-type(3)::before {background-position: -15px;}

/* 서비스 - 평가기준서 */
.box-st {width:100%; margin:20px 0 80px 0; padding:20px 13px 30px 13px; box-sizing: border-box;}
.box-st h3 {text-align: center; margin-bottom:10px;}
.btn-standard {width:100%; margin:15px auto 0; box-sizing: border-box; border:1px solid #b3b3b3;height: 149.5px;}
.btn-standard .st-logo {width:100%; padding:30px 0px; text-align: center; display:block; background: #fff;}
.btn-standard .st-logo img {width:160px; height:auto;}
.btn-standard .st-btn {border-top:1px solid #b3b3b3; background: #fff; text-align: center; overflow: hidden;display:inline-block;width: 100%;padding: 4px 0;}
.fa-solid:after {content: ""; display: block; width: 13px;border-bottom: 2px solid;}
.btn-standard:hover .st-btn {background-color: #005aff; color: #fff;}
.btn-standard:hover .st-logo {background-color: #ecf1fb;}


/* 솔루션 */
.box-solution {margin: 0 auto;}
.box-solution .line-type1 {padding-bottom:20px; margin-bottom:20px;}
.box-solution > .service-img-type1 {text-align: center;}
.box-solution > .service-img-type1 img {padding: 20px 0;}
.icon_solution {display:block;}
.icon_solution::before {content: ''; margin-top:-3px; margin-right:8px; vertical-align: middle; display:inline-block; width:20px; height:18px; background: url(../images/icon_solution_01.gif) no-repeat left top; background-size:20px auto;}
.list-circle-type1 {display: inline-block; margin: 0 2px; text-align: center;}
.list-circle-type1 span {display:table-cell; vertical-align: middle; width:90px; height:90px; border-radius: 100%; background-color: #186cea; color: #fff; text-align: center; line-height:20px;}


/* 고객지원 - 관련 법규 */
.box-statute {margin-top:0px;}
.box-statute dl {width:100%; margin-bottom:30px; word-break: keep-all;}
.box-statute dt {width:100%; font-size:16px; color: #333; padding: 8px 15px;  border-top:2px solid #186cea; border-bottom:1px solid #b3b3b3; box-sizing: border-box; font-weight:500;}
.box-statute dd {width:100%; padding: 10px 15px 15px 15px; box-sizing: border-box; border-bottom:1px solid #e1e1e1; word-break: keep-all;}
.box-statute dd .dd-title {font-size:16px; color: #333; font-weight:500;}
.box-statute dd .dd-title span {display:block; font-size:15px; margin-top:5px; font-weight:400;}
.box-statute dd .dd-content {display:block; width:100%; margin-top:10px; padding:13px 15px; background: #ecf1fb; box-sizing: border-box; font-weight:300; line-height:24px; font-size:15px;}

/* 개인정보취급방침 */
.box-policy {width:100%; border-top:2px solid #186cea; }
.box-policy dl {width:100%; padding: 8px 10px 12px 10px; box-sizing: border-box; border-bottom:1px solid #e1e1e1;}
.box-policy dt {width:100%; font-size:16px; color: #333; margin-bottom:8px; box-sizing: border-box; font-weight:500;}
.box-policy dd {width:100%; padding: 0; box-sizing: border-box; word-break: keep-all; color: #666; font-size: 14px; line-height:20px;}
.box-policy dd > .list-type1 {margin:10px 0 15px 0;}
.box-policy dd > .list-type1 li {margin:5px 0; font-size:14px; padding-left: 15px; line-height:20px;}
.box-policy dd > .list-type1 li:last-of-type {margin: 5px 0 0 0;}
.box-policy dd > .list-type1.type2 li {margin-bottom:15px;}
.box-policy dd > .list-type1 li::before {left:5px; top:10px; width:3px; height:3px;}
.box-policy dd > .table .table-type1 {margin: 10px 0;}
.box-policy dd > .table .table-type1 tbody th {padding: 8px 0px; font-size:14px;}
.box-policy dd > .table .table-type1 tbody td {padding: 8px 10px; font-size:14px;}

/* 이메일 무단 수집 거부 */
.box-email {width:100%; border-top:2px solid #186cea; background: url(../images/icon_email.gif) no-repeat 98% 12px; background-size:50px auto; }
.box-email dl {width:100%; padding:15px 15px 20px 15px; box-sizing: border-box; border-bottom:1px solid #e1e1e1; text-align:left;}
.box-email dt {width:100%; font-size:18px; color: #333; font-weight:500; margin-bottom:10px; box-sizing: border-box;}
.box-email dd {width:100%; padding: 0; box-sizing: border-box; word-break: keep-all; color: #666; font-size:15px; line-height:20px;}

/********************** table **********************/
.table-type1 {border-left:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; border-collapse: separate; margin: 20px 0;}
.table-type1 thead th {padding:12px 0; font-size:14px; font-weight:400; color: #333; text-align: center; background: #ecf1fb; border-right:1px solid #e1e1e1; border-top:1px solid #e1e1e1; }
.table-type1 tbody th,
.table-type1 tbody td {padding: 12px 20px; font-size:15px; font-weight:400; border-top:1px solid #e1e1e1;}
.table-type1 tbody tr:first-of-type th,
.table-type1 tbody tr:first-of-type td {border-top:1px solid #e1e1e1;}
.table-type1 tbody th {text-align: center; font-weight:500; color: #333; border-right:1px solid #e1e1e1;}
.table-type1 tbody td {text-align: left; border-right:1px solid #e1e1e1; letter-spacing: 0px;}
.table-type1.center tbody td {text-align: center;}

.table-type2 {border-top:2px solid #005aff;}
.table-type2 tr th {padding:10px 10px; color:#333; font-size:15px; text-align:center; background: #f5f8fd; font-weight:500;}
.table-type2 tr th .necess {display:inline-block; vertical-align: middle; margin-left:3px; margin-top:3px; color:#005aff; font-weight:700;}
.table-type2 tr th,
.table-type2 tr td {border-bottom:1px solid #e1e1e1; line-height:20px; word-break: keep-all;}
.table-type2 tr td {padding:10px 10px; font-size:15px; font-weight: 300;}
.table-type2 tr td span {color:#999; font-size:14px;}

.table-type3 {border-top:2px solid #005aff; border-bottom:1px solid #b3b3b3;}
.table-type3 thead th {padding:6px 0 6px 20px; text-align:left;}
.table-type3 tr th {color:#333; font-size:18px; font-weight:500;}
.table-type3 tr th .necess {display:inline-block; vertical-align: middle; margin-left:3px; margin-top:3px; color:#005aff; font-weight:700;}
.table-type3 tr th,
.table-type3 tr td {border-top:1px solid #e1e1e1; line-height:30px;}
.table-type3 tr td {padding:6px 0 6px 20px; font-size:15px; font-weight: 300;}
.table-type3 tr td span {color:#999; font-size:16px;}
.table-type3 tr td .list-type1 li:last-of-type {margin-bottom:0px;}
.list-table-type {width:100%; overflow: hidden;}
.list-table-type li {float:left; width:32%; box-sizing: border-box; font-size:14px;}
.list-table-type li:first-of-type,
.list-table-type li:nth-of-type(3n+4) {width:36%;}

/********************** board **********************/
.bbs_select {margin-bottom:20px; overflow: hidden;}
.bbs_select select {float:left; width:110px; padding: 0 60px 0 12px; font-size:16px; background-position:92% 50%;}
.bbs_select .bbs_search {float:left; margin-left:-1px; width:calc(100% - 150px);}
.btn-search > button {height:40px; width:40px; background: #b3b3b3 url("../images/btn-search.png") no-repeat center 9px; font-size:0px; line-height:0px; text-indent: -9999px;}
.btn-search > button:hover {background: #212121 url("../images/btn-search.png") no-repeat center 9px;}

.bbs_list {margin-bottom:30px; border-top:1px solid #186cea;}
.bbs_list li {border-bottom: 1px solid #e1e1e1; }
.bbs_list li a {display: block; padding: 14px 15px;}
.bbs_list li.notice {background: #ecf1fb;}
.bbs_list li.notice a > p.subject {font-weight:500;}
.bbs_list li.notice a > p.subject::before {content: ''; display: inline-block; width:15px; height:13px; vertical-align: middle; margin:-2px 8px 0 0; background: url("../images/icon_notice.png") no-repeat left top;}
.bbs_list p.subject {display: block; width:95%; font-size: 15px; color: #444; letter-spacing: -0.75px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.bbs_list .subject > span {margin-right: 5px;}
.bbs_list p.date span {display: inline-block; font-size: 12px; color: #999;}
.bbs_list p.date span::before {content: ''; width:1px; height: 11px; margin: 0 7px; display:inline-block; background: #b3b3b3; vertical-align:middle;}
.bbs_list p.date span:first-of-type::before {display:none;}

.bbs_photo_list {width:100%; margin-top:25px; margin-bottom:10px; overflow: hidden;}
.bbs_photo_list ul {width:100%; overflow: hidden;}
.bbs_photo_list ul li {float:left; margin-right:10px; margin-bottom:20px;  width:calc(50% - 5px); height:auto; border:1px solid #e1e1e1; box-sizing: border-box;}
.bbs_photo_list ul li:nth-child(2n) {margin-right:0px;}
.bbs_photo_list ul li a {width:100%; display: block;}
.bbs_photo_list ul li a:hover .subject {color: #005aff;}
.bbs_photo_list ul li img {width:100%; height:auto;}
.bbs_photo_list ul li span {padding: 0 10px;}
.bbs_photo_list ul li .subject {display:block; font-size:15px; color: #333333; font-weight:500; margin-top:10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.bbs_photo_list ul li .date {display:block; color: #999999; font-size:12px; padding-bottom :10px;}

.paging {margin-top:0px; text-align:center;}
.paging > a {display:inline-block; width:28px; height:28px; line-height:27px; font-size:13px; text-align:center; border:1px solid #e1e1e1;}
.paging > a:hover,
.paging > a.on {color:#fff; border-color:#186cea; background:#186cea;}
.paging > .btn-paging {width:30px; height:30px; display:inline-block; vertical-align: top;}
.paging > .btn-paging a {width:100%; height:100%; display:block; font-size:0px; line-height:0px; text-indent: -99999; background:url("../images/icon_paging.gif") no-repeat left top;}
.paging > .btn-paging a:hover {background-position: 0 -30px;}
.paging > .p-before a {background-position: -30px 0;}
.paging > .p-next a {background-position: -60px 0;}
.paging > .p-last a {background-position: -90px 0;}
.paging > .p-before a:hover {background-position: -30px -30px;}
.paging > .p-next a:hover {background-position: -60px -30px;}
.paging > .p-last a:hover {background-position: -90px -30px;}

.bbs_view {position:relative; border-top:2px solid #005aff;border-bottom:1px solid #e1e1e1; }
.bbs_view h4 {padding:10px 10px 0 10px; color:#212121; font-size:15px; word-break: keep-all;}
.bbs_view .date {display:block; padding: 0 10px 10px 10px; border-bottom:1px solid #b3b3b3;}
.bbs_view .date span {display: inline-block; font-size: 12px; color: #999;}
.bbs_view .date span::before {content: ''; width:1px; height: 11px; margin: 0 7px; display:inline-block; background: #b3b3b3; vertical-align:middle;}
.bbs_view .date span:first-of-type::before {display:none;}
.bbs_view .period {display:block; padding: 10px; font-size:15px; border-bottom:1px solid #e1e1e1;}
.bbs_view .file {padding: 10px 10px; font-size:12px; border-bottom:1px solid #e1e1e1;}
.bbs_view .file > span {color: #212121; font-weight:500; margin-right:13px; vertical-align: middle;}
.bbs_view .file > a {display:inline-block; width:80%; vertical-align: middle; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.bbs_view .file > a::before {content: ''; display: inline-block; width:12px; height:16px; vertical-align: middle; margin:-3px 8px 0 0; background:url(../images/icon_file.png) no-repeat left top; background-size:auto 16px;}
.bbs_view .file > a:hover {color: #005aff;}
.bbs_view .bbs_cont {padding:15px 10px 40px 10px; font-size:15px; word-break: keep-all;}
.bbs_view.type2 h4 {padding:10px; border-bottom:1px solid #b3b3b3;}


.mandatory {text-align:right;}
.mandatory .necess {display:inline-block; vertical-align: middle; margin-top:3px; color:#005aff; font-weight:700;}
.report_write {border-top:2px solid #005aff;}
.report_write input[type="text"] {width:100%;}
.report_write tr th {padding:10px 0 10px 10px; color:#212121; font-size:14px; text-align:left; background: #f5f8fd; font-weight:400;}
.report_write tr td {padding:10px; font-size:14px;}
.report_write tr td span {color:#999; font-size:16px;}
.report_write tr td i {display:inline-block; text-align: center; width:5%; font-style:normal;}
.report_write tr td textarea {border:1px solid #e1e1e1;}
.report_write tr th, .report_write tr td {border-bottom:1px solid #e1e1e1;}
.report_write tr th .necess {display:inline-block; vertical-align: middle; margin-left:3px; margin-top:3px; color:#005aff; font-weight:700;}
.report_write select {border:1px solid #e1e1e1; margin-top:5px;}
.report_write label {margin-right: 20px;}
.report_write label input[type="radio"]{vertical-align: middle; margin-top:-2px; margin-right:3px;}
.report_area .h3_tit2 {margin-top:40px; font-size:18px; color:#212121; letter-spacing:-2px;}
.report_area .txt_r {float:right; margin-top:-25px; font-size:16px; color:#005aff; letter-spacing:-1px;}
.white_box {margin-top:10px; margin-bottom:15px; padding:15px; height:175px; overflow-y: auto; border:1px solid #e1e1e1; background:#fff; box-sizing: border-box;}
.report_area .white_box {font-size:14px;}
.report_area .white_box p {margin-bottom:10px; /* font-weight:700; */}
.report_area .white_box ul li {padding-bottom:3px; color:#999;}
.report_area .check {font-family: 'Noto Sans KR';}
input[id="ck_agreement"] + label {display: inline-block; width: auto; cursor: pointer; font-size:14px;}
input[id="ck_agreement"] + label::before {content: ''; width:26px; height:26px; display: inline-block; background: url(../images/img_check.gif) no-repeat left top; vertical-align: top; margin-right:9px;}
input[id="ck_agreement"]:checked + label::before {content: ''; width:26px; height:26px; display: inline-block; background: url(../images/img_check.gif) no-repeat -26px top; vertical-align: top; margin-right:9px;}
input[id="ck_agreement"] {display: none;}

/* btn */
.btn_wrap {margin-top:20px; vertical-align: top;}
.btn_wrap a,
.btn_wrap button,
.btn_wrap input {display:inline-block; min-width:100px; height:44px; line-height:40px; color:#666; text-align:center; font-size:16px; box-sizing:border-box;font-family: 'Noto Sans KR';}
.btn_wrap button {vertical-align: top;}
.btn_center {text-align:center;}
.btn_right {text-align:right;}
.btn_left {text-align:left;}
.btn_wrap .white {border:1px solid #ddd;}
.btn_wrap .white:hover {background:#005aff; border:1px solid #005aff; color: #fff;}
.btn_wrap .blue {color:#fff; background:#005aff; border:1px solid #005aff;}
.btn_wrap .middle {width:120px;}
.btn_wrap .icon_arr,
.btn_wrap .icon_download {width:auto; padding: 0 15px;}
.btn_wrap .icon_arr::after {content: ''; width:9px; height:17px; display: inline-block; background: url('../images/icon_btn_arrow.png') no-repeat right top; vertical-align: middle; margin-left:35px; margin-top:-4px;}
.btn_wrap .icon_download::before {content: ''; width:21px; height:21px; display: inline-block; background: url('../images/icon_btn_download.png') no-repeat right top; vertical-align: middle; margin-right:15px; margin-top:-4px;}
.btn_wrap a:first-child {margin-right:5px;}


/************** layer_popup **************/

.layer_popup {display:none; z-index:1000; position:fixed; left:0px; top:0px; width:100%;height:100%;background:rgba(0,0,0,.7);}
.layer_popup.active {display: block !important;}
.layer_popup .layer-inner {position:absolute;left:15px; right:15px; top:100px; max-height:calc(100% - 40px); background:#fff; box-sizing: border-box; overflow-y: auto;}
.layer_popup .pop_tit {padding:20px 0 20px 20px; color:#fff; font-size:22px; font-weight:500; line-height:100%; background:#186cea;}
.layer_popup .pop_cont {padding:25px 15px;}
.layer_popup .pop_cont .txt_complete {position: relative; font-size:16px; color: #333; line-height:28px; text-align: center; padding: 0 0 0 0px;}
/* .layer_popup .pop_cont .txt_complete::before {content: ''; position: absolute; left:0px; top:10px; width:60px; height:60px; background: url(../images/icon_complete.png) no-repeat left top; background-size: 100% auto;} */
.layer_popup .pop_cont .txt1 {color:#333; font-weight:700;font-size:24px;text-align:center;}
.layer_popup .pop_cont .txt2 {padding-top:10px; font-size:16px;text-align:center;}
.layer_popup .pop_cont .box_gray {margin:20px 0 -10px; padding:20px 0; text-align:left; background:#f3f5f8;}
.layer_popup .layer-inner >.pop_close {position:absolute; right:30px; top:25px; width:auto; height:auto;}
.layer_popup .pop_cont .box_gray img {float:left; margin-left:183px;}
.layer_popup .pop_cont .box_gray p {margin:-5px 0 3px; padding-left:235px; font-size:16px;}
.layer_popup .pop_cont .box_gray span {display:block; color:#005aff; font-weight:700; font-size:20px;}
.layer_popup .btn_wrap .blue {background: #186cea; border:1px solid #186cea;}
.pop_cont .mandatory {margin-top:0; color:#212121; font-size:16px;}
.pop_cont .report_area {padding:0; border:0; background:#fff;}
.pop_cont .report_write {margin-top:0px; border-top:1px solid #b3b3b3;}
.pop_cont .report_write tr th {background:#fff; padding: 16px 0 16px 0;}
.pop_cont .report_write tr td {padding-left:10px; font-size:16px; line-height:22px; word-break: keep-all;}
.pop_cont .report_write tr td .select {margin-top:0px;}
.pop_cont .report_write tr th .necess {margin-left:0px;}
.pop_cont .report_write select {font-size:16px; margin-top:4px; width:100%;}
.pop_cont .report_area h3.type2 {margin-top:20px;}
.pop_cont .report_area .white_box {margin-bottom:10px; padding:15px 20px; font-size:14px; height:125px;}
.pop_cont .report_area .white_box p {font-size:14px;}
.pop_cont .report_area .check {font-size:16px;}

/* main_popup */
.main_popup {display:none; z-index:1000; position:fixed; left:0px; top:0px; width:100%;height:100%;background:rgba(0,0,0,.7);}
.main_popup.active {display: block !important;}
.main_popup .layer-inner {position:absolute;left:0px; right:0px; margin: 0 auto; width:320px; background:#fff; box-sizing: border-box;}
.main_popup .layer-body {width:100%; height:320px; text-align: center; overflow: hidden;}
.main_popup .layer-body a {display:block; width:100%; height:100%;}
.main_popup .layer-body a img {width:100%; height:100%;}
.main_popup .layer-bottom {width:100%; height:35px; background: #4c4c4c; position: relative;}
.main_popup .layer-bottom .today_close {color:#fff; font-size:14px; line-height:35px; padding: 0 20px;}
.main_popup .layer-bottom .pop_close {position: absolute; right:0px; bottom:0px; height:35px; width:75px; background: #006eff; color:#fff; font-size:14px;}
.main_popup .layer-bottom .pop_close img {width:13px; height:13px; vertical-align: middle; margin-top:-2px; margin-right:3px;}



/* top */
.ancher-top {display:none;position:fixed;right:20px;bottom:40px;z-index:10;width:30px;height:30px;}
.ancher-top button {display:block;width:30px;height:30px;text-indent:-1000px;overflow:hidden;background: #585858 url(../images/img_aside_top.png) no-repeat center 50%; border-radius: 100%; background-size: 12px auto;
box-shadow: 0 4px 5px rgba(0, 0, 0, 0.3)  ; 
-webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.3)  ; 
-moz-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.3)  ; 
}

.box-paginate {text-align:center;}
.box-paginate a {margin:0 1px;vertical-align:middle;}
.box-paginate span {display:inline-block;margin:0 10px;line-height:27px;vertical-align:middle;font-size:14px;color:#333;font-family:'roboto';letter-spacing:5px;}
.box-paginate span em {font-weight:700;color:#1d398d;}
.box-paginate .first {display:inline-block;width:25px;height:25px;background:url(../images/img_paginate_first.png) no-repeat 50%;background-size:auto 11px;border:1px solid #e1e1e1;border-radius:2px;overflow:hidden;text-indent:-10000px;}
.box-paginate .prev {display:inline-block;width:25px;height:25px;background:url(../images/img_paginate_prev.png) no-repeat 50%;background-size:auto 11px;border:1px solid #e1e1e1;border-radius:2px;overflow:hidden;text-indent:-10000px;}
.box-paginate .next {display:inline-block;width:25px;height:25px;background:url(../images/img_paginate_next.png) no-repeat 50%;background-size:auto 11px;border:1px solid #e1e1e1;border-radius:2px;overflow:hidden;text-indent:-10000px;}
.box-paginate .last {display:inline-block;width:25px;height:25px;background:url(../images/img_paginate_last.png) no-repeat 50%;background-size:auto 11px;border:1px solid #e1e1e1;border-radius:2px;overflow:hidden;text-indent:-10000px;}

.bxslider li {position:relative;}
.bxslider li .box-text {position:absolute;left:0;bottom:0;padding:10px 10px;width:100%;font-size:16px;color:#fff;font-weight:700;text-align:center;background:rgba(0,0,0,.5);}
.bx-prev {display:block;position:absolute;left:0;top:50%;margin:-20px 0 0 0;width:40px;height:40px;overflow:hidden;text-indent:-10000px;background:rgba(0,0,0,.5) url(../images/img_bxprev.png) no-repeat 50%;background-size:auto 21px;}
.bx-next {display:block;position:absolute;right:0;top:50%;margin:-20px 0 0 0;width:40px;height:40px;overflow:hidden;text-indent:-10000px;background:rgba(0,0,0,.5) url(../images/img_bxnext.png) no-repeat 50%;background-size:auto 21px;}


/* error */
.box-error {text-align: center;}
.box-error h1 {margin-top: 0px;}
.box-error h1 img {width:100px;}
.box-error .text-empty-data {margin: 10px 0 40px; font-size:14px; line-height:24px; color: #666;}
.box-error .text-empty-data::before {margin: 0 auto 30px auto;}
.box-error .text-error-top {font-size: 18px; line-height:24px; display: block; margin-bottom: 10px; color: #000;}
.box-error .text-margin {display: block; margin:10px 0;}
.box-error .error-button {text-align: center;}
.box-error .btn-error {display:block; margin:0 auto; width:250px; height:40px; background: #015aff;}
.box-error .btn-error button {color: #fff; font-size:14px; line-height:38px;}

/** VARIABLES
===================================*/
/** RESET AND LAYOUT
===================================*/
.bx-wrapper {
  position: relative;
  /* margin-bottom: 60px; */
  padding: 0;
  *zoom: 1;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.bx-wrapper img {
  max-width: 100%;
  display: block;
}
.bxslider {
  margin: 0;
  padding: 0;
}
ul.bxslider {
  list-style: none;
}
.bx-viewport {
  /*fix other elements on the page moving (on Chrome)*/
  -webkit-transform: translatez(0);
}
/** THEME
===================================*/
.bx-wrapper {
  /*
  -moz-box-shadow: 0 0 5px #ccc;
  -webkit-box-shadow: 0 0 5px #ccc;
  box-shadow: 0 0 5px #ccc;
  border: 5px solid #fff;
  background: #fff;
  */
}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: -30px;
  width: 100%;
}
/* LOADER */
.bx-wrapper .bx-loading {
  min-height: 50px;
  background: url('../images/bx_loader.gif') center center no-repeat #ffffff;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
}
/* PAGER */
.bx-wrapper .bx-pager {
  text-align: center;
  font-size: .85em;
  font-family: Arial;
  font-weight: bold;
  color: #444;
  padding-top: 20px;
}
.bx-wrapper .bx-pager.bx-default-pager a {
  background: #666;
  text-indent: -9999px;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  outline: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {
  background: #000;
}
.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  vertical-align: bottom;
  *zoom: 1;
  *display: inline;
}
.bx-wrapper .bx-pager-item {
  font-size: 0;
  line-height: 0;
}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
  /*
  left: 10px;
  background: url('../images/controls.png') no-repeat 0 -32px;
  */
}
.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-prev:focus {
  background-position: 0 0;
}
.bx-wrapper .bx-next {
  /*
  right: 10px;
  background: url('../images/controls.png') no-repeat -43px -32px;
  */
}
.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-next:focus {
  background-position: -43px 0;
}
.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  outline: 0;
  width: 32px;
  height: 32px;
  text-indent: -9999px;
  z-index: 9999;
}
.bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}
/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
  text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 11px;
  outline: 0;
  background: url('../images/controls.png') -86px -11px no-repeat;
  margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active,
.bx-wrapper .bx-controls-auto .bx-start:focus {
  background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
  display: block;
  text-indent: -9999px;
  width: 9px;
  height: 11px;
  outline: 0;
  background: url('../images/controls.png') -86px -44px no-repeat;
  margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active,
.bx-wrapper .bx-controls-auto .bx-stop:focus {
  background-position: -86px -33px;
}
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px;
}
/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #666;
  background: rgba(80, 80, 80, 0.75);
  width: 100%;
}
.bx-wrapper .bx-caption span {
  color: #fff;
  font-family: Arial;
  display: block;
  font-size: .85em;
  padding: 10px;
}


html.lb-disable-scrolling {
    overflow: hidden;
    /* Position fixed required for iOS. Just putting overflow: hidden; on the body is not enough. */
    position: fixed;
    height: 100vh;
    width: 100vw;
  }

  .lightboxOverlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    background-color: black;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8;
    display: none;
  }

  .lightbox {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 10000;
    text-align: center;
    line-height: 0;
    font-weight: normal;
  }

  .lightbox .lb-image {
    display: block;
    height: auto;
    max-width: inherit;
    max-height: none;
    border-radius: 3px;

    /* Image border */
    border: 4px solid white;
  }

  .lightbox a img {
    border: none;
  }

  .lb-outerContainer {
    position: relative;
    *zoom: 1;
    width: 250px;
    height: 250px;
    margin: 0 auto;
    border-radius: 4px;

    /* Background color behind image.
       This is visible during transitions. */
    background-color: white;
  }

  .lb-outerContainer:after {
    content: "";
    display: table;
    clear: both;
  }

  .lb-loader {
    position: absolute;
    top: 43%;
    left: 0;
    height: 25%;
    width: 100%;
    text-align: center;
    line-height: 0;
  }

  .lb-cancel {
    display: block;
    width: 32px;
    height: 32px;
    margin: 0 auto;
    background: url(../images/loading.gif) no-repeat;
  }

  .lb-nav {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
  }

  .lb-container > .nav {
    left: 0;
  }

  .lb-nav a {
    outline: none;
    background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
  }

  .lb-prev, .lb-next {
    height: 100%;
    cursor: pointer;
    display: block;
  }

  .lb-nav a.lb-prev {
    width: 34%;
    left: 0;
    float: left;
    background: url(../images/prev.png) left 48% no-repeat;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transition: opacity 0.6s;
    -moz-transition: opacity 0.6s;
    -o-transition: opacity 0.6s;
    transition: opacity 0.6s;
  }

  .lb-nav a.lb-prev:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }

  .lb-nav a.lb-next {
    width: 64%;
    right: 0;
    float: right;
    background: url(../images/next.png) right 48% no-repeat;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transition: opacity 0.6s;
    -moz-transition: opacity 0.6s;
    -o-transition: opacity 0.6s;
    transition: opacity 0.6s;
  }

  .lb-nav a.lb-next:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }

  .lb-dataContainer {
    margin: 0 auto;
    padding-top: 5px;
    *zoom: 1;
    width: 100%;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
  }

  .lb-dataContainer:after {
    content: "";
    display: table;
    clear: both;
  }

  .lb-data {
    padding: 0 4px;
    color: #ccc;
  }

  .lb-data .lb-details {
    width: 85%;
    float: left;
    text-align: left;
    line-height: 1.1em;
  }

  .lb-data .lb-caption {
    font-size: 13px;
    font-weight: bold;
    line-height: 1em;
  }

  .lb-data .lb-caption a {
    color: #4ae;
  }

  .lb-data .lb-number {
    display: block;
    clear: left;
    padding-bottom: 1em;
    font-size: 12px;
    color: #999999;
  }

  .lb-data .lb-close {
    display: block;
    float: right;
    width: 30px;
    height: 30px;
    background: url(../images/close.png) top right no-repeat;
    text-align: right;
    outline: none;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7;
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    transition: opacity 0.2s;
  }

  .lb-data .lb-close:hover {
    cursor: pointer;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }