/* 

1. Add your custom Css styles below
2. Place the this code in your template: 

*/
/* Common */ :lang(ko) body {
    font-family: 'Noto Sans KR', 'Open Sans', sans-serif
}
ul li {
    list-style: none;
}
ol li {
    list-style-position: inside;
}
ol li::marker {
    letter-spacing: 1px;
}
.blind, .sound_only {
    width: 1px;
    height: 1px;
    overflow: hidden;
    position: absolute;
    top: -9999em;
    left: -9999em;
    display: block;
    text-indent: -9999em;
    font-size: 0px;
    line-height: 0;
}
.space-0 {
    letter-spacing: 0
}
/* HEADER */
#header.header-sticky {
    position: fixed
}
#header.header-sticky.sticky-active .header-inner {
    /*position: relative;*/
}
.heading-text.line {
    border-top: none;
    border-bottom: 1px solid #e3e3e3;
}
.pagination .page-item.title {
    width: 100%
}
/* Home - Business */
.team-members.team-members-shadow .team-member a:hover .team-desc {
	background: #117ce9;
	transition: all 0.3s ease; 
}
.team-members.team-members-shadow .team-member a:hover .team-desc h5, 
.team-members.team-members-shadow .team-member a:hover .team-desc p {
		color: #fff
}
/* Business */
.change-img {
    position: relative;
}
.trans-arrow {
    position: absolute;
    width: 100%;
    top: 50%;
    margin-top: -34px;
    z-index: 10;
    text-align: center;
}
/* Service */

.aply{margin-bottom: 3rem; display: table; border-spacing: 1rem 0; width: calc(100% + 1rem); transform: translateX(-1rem); -webkit-transform: translateX(-1rem); word-break: keep-all;}
.aply::after{display: block; content: ""; clear: both;}
.aply:last-child{margin-bottom: 0;}
.aply:last-child dt::after{display: none;}
.aply dt{display: table-cell; vertical-align: middle; width: 13.5rem; height: 5rem; line-height:1.3; padding: .5rem 1.5rem; position: relative; background: #b8f1f1; color: #fff}
.aply dt span{position:relative;}
.aply dt span em{display:inline-block; width:60px; height:60px;margin-right: .7rem; line-height:60px; vertical-align:middle; text-align: center;  border-radius:50%; background:#fff;}
.aply dt span em img {width: auto; margin-top: -2px}
.aply dt span strong{display:inline-block;  vertical-align:middle; padding-left:.25rem;}
.aply.col01 dt{background-color: #9ed443; }
.aply.col02 dt{background-color: #43d1a1;  }
.aply.col03 dt{background-color: #40d4e2;  }
.aply.col04 dt{background-color: #41a7e1; }
.aply.col05 dt{background-color: #4383dd; }
.aply dt::after{content: "\f107"; font: normal normal normal 14px/1 FontAwesome; font-size: 2rem; position: absolute; bottom: -2.5rem; left: 50%; transform: translateX(-50%); color: #000; -webkit-transform: translateX(-50%);}
.aply dd{display: table-cell;  padding: .5rem 2rem; vertical-align: middle; border: 1px solid #ccc;}
.process h3[class*='titTy1'] { width: 14rem; display: inline-block; margin-bottom: 0; }
.process h3[class*='titTy1'] + .titTy2, .process h3[class*='titTy1'] + .titTy3 { margin-top: 0 !important; }

/* GNB */
#gnb {
    position: fixed;
    left: 0;
    overflow: hidden;
    border-bottom: 1px solid #e9e9e9;
    width: 100%;
    z-index: 10;
    background: #fff;
}
#gnb:before {
    display: block;
    content: "";
    position: absolute;
    top: 90px;
    left: 0;
    width: 100%;
    height: 1px;
    background: #e9e9e9
}
#gnb > .container > ul {
    float: right;
}
#gnb > .container > ul:after {
    display: block;
    content: "";
    clear: both
}
#gnb > .container > ul > li {
    float: left;
}
#gnb > .container > ul > li > a {
    display: block;
    padding: 0 60px 0 20px;
    font-size: 1.2rem;
    color: #000;
    transition: padding 0.2s;
    -webkit-transition: padding 0.2s;
    -moz-transition: padding 0.2s
}
#gnb > .container > ul > li > a span {}
#gnb > .container > ul > li:first-child ul {
    border-left: 1px solid #e9e9e9
}
#gnb > .container > ul > li ul {
    height: 490px;
    padding: 30px 20px 36px 20px;
    border-right: 1px solid #e9e9e9;
}
#gnb > .container > ul > li ul li {
    line-height: 2.2
}
#gnb > .container > ul > li ul li a {
    color: #555
}
#gnb > .container > ul > li ul li a img {
    margin-left: 5px;
    vertical-align: 0;
}
#gnb > .container > ul > li .dropdown-arrow {
    display: none;
    height: 40px;
    width: 50px;
    position: absolute;
    z-index: 1;
    right: -10px;
    top: 0;
    cursor: pointer;
}
#gnb > .container > ul > li.dropdown:before {
    content: "\e930";
    transform: rotate(90deg);
    font-family: inspiro-icons;
    opacity: .6;
    position: absolute;
    right: 16px;
    color: #262626;
    font-size: 16px;
    display: none;
}
#gnb .btnClose {
    display: none
}
/* Slide FancyBox */
.fancy-text-box {
    position: relative;
    display: inline-block;
    padding: 3rem 3rem 3rem 0;
    border-right: 10px solid #fff
}
.fancy-text-box:before, .fancy-text-box:after {
    border: 10px solid #fff;
    height: 50px;
    width: 200px;
    content: "";
    display: block;
    position: absolute;
    right: -10px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
.fancy-text-box:before {
    top: 0;
    border-bottom: 0;
}
.fancy-text-box:after {
    bottom: -3rem;
    border-top: 0;
}
@media (max-width: 1024px) {
    .fancy-text-box:before, .fancy-text-box:after {
        height: 30px;
    }
    .fancy-text-box:before {
        top: 10px;
    }
    .fancy-text-box:after {
        bottom: -2rem;
    }
}
/* Home - Service*/
.service .tab-pane {
    position: relative;
}
.service .s-img-box:after {
    position: absolute;
    width: 80%;
    height: 145px;
    z-index: 1;
    display: block;
    content: "";
    background: rgba(255, 255, 255, 0.6);
    opacity: 1;
    left: 50%;
    top: 50%;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.service .s-img-box .s-img-box-tit {
    z-index: 10;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.service .s-img-box .s-img-box-tit .view-lnk {
    position: inherit;
    right: 0;
    bottom: 0;
    padding: 2.5rem;
    font-size: 1.5rem
}
.service .s-img-box .s-img-box-tit p {
    font-size: 22px;
    font-weight: 400;
    color: #464646;
    letter-spacing: -0.01em;
    line-height: 1.3em;
    padding-top: 5px;
    margin-top: -20px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}
.service .testimonial-box .testimonial-item .text-box {
    margin: 0 auto;
    padding: 20px;
    opacity: 0;
    position: relative;
    text-align: center;
    transform: translate3d(0px, -38%, 0px);
    transition: all 250ms ease-in-out 0s;
    visibility: hidden;
    width: 100%;
    z-index: 3;
}
.service .testimonial-box .testimonial-item .text-box:after {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #000000;
    transition: all 0.3s ease;
    opacity: 0;
    content: ' ';
    z-index: 2;
    color: #fff;
}
.service .testimonial-box .testimonial-item:hover .text-box {
	background: #117ce9
}
.service .testimonial-box .testimonial-item:hover .text-box h5, 
.service .testimonial-box .testimonial-item:hover .text-box p {
	color: #fff !important;
}
.service .testimonial-box .testimonial-item .text-box:after .service .testimonial-box .testimonial-item:not(.no-overlay):hover .text-box {
    transform: translate3d(0, -50%, 0);
    opacity: 1;
    visibility: visible;
}
.solution_list {
    width: 100%;
    margin: 50px auto 0;
}
.solution_list:after {
    content: "";
    display: table;
    clear: both;
}
.solution_list .item {
    overflow: hidden;
    position: relative;
    display: block;
    float: left;
    width: 50%;
    height: 350px;
    background-color: #f3f3f3;
    color: #fff;
}
.solution_list .item:before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 600px;
    height: 350px;
    content: "";
    z-index: 1;
    opacity: 0;
    -webkit-transition: all 0.45s ease-out;
    transition: all 0.45s ease-out;
    background: url("../images/bg_solution.png") 50% 50% no-repeat;
}
.solution_list .item:hover:before {
    opacity: 1;
}
.solution_list .item:hover .txt_box .tit:after {
    width: 297px;
}
.solution_list .item:hover .bg {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.solution_list .item:nth-child(2n - 1) {
    top: 57px;
}
.solution_list .item .txt_box {
    position: absolute;
    bottom: 40px;
    left: 40px;
    z-index: 1;
}
.solution_list .item .txt_box .tit:after {
    width: 40px;
    margin: 15px 0 25px;
    -webkit-transition: all 0.45s ease-out;
    transition: all 0.45s ease-out;
}
.solution_list .item .txt_box .desc {
    /*visibility: hidden;*/
}
.solution_list .item .txt_box .more {
    visibility: hidden;
    display: block;
    width: 20px;
    height: 12px;
    background: url("/resources/images/kr/main/icon_arr_w.png") 50% 50% no-repeat;
    text-indent: -9999%;
    font-size: 0;
}
.solution_list .item .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.6s ease-out;
    transition: all 0.6s ease-out;
    background-size: cover !important;
}
.solution_list .item_biz_1 .bg {
    background: url("../images/home-biz-01.jpg") 50% 50% no-repeat;
}
.solution_list .item_biz_2 .bg {
    background: url("../images/home-biz-02.jpg") 50% 50% no-repeat;
}
.solution_list .item_biz_3 .bg {
    background: url("../images/home-biz-03.jpg") 50% 50% no-repeat;
}
.solution_list .item_biz_4 .bg {
    background: url("../images/home-biz-04.jpg") 50% 50% no-repeat;
}
.solution_list .item_biz_5 .bg {
    background: url("../images/home-biz-05.jpg") 50% 50% no-repeat;
}
.solution_list .item_biz_6.bg {
    background: url("../images/home-biz-06.jpg") 50% 50% no-repeat;
}
.solution_list .item_biz_7 .bg {
    background: url("../images/home-biz-07.jpg") 50% 50% no-repeat;
}
.solution_list .item_biz_8 .bg {
    background: url("../images/home-biz-08.jpg") 50% 50% no-repeat;
}
.solution_list .item_biz_9 .bg {
    background: url("../images/home-biz-09.jpg") 50% 50% no-repeat;
}
.solution_list .item_biz_10 .bg {
    background: url("../images/home-biz-10.jpg") 50% 50% no-repeat;
}
.solution_list .item_biz_11 .bg {
    background: url("../images/home-biz-11.jpg") 50% 50% no-repeat;
}
.circle {
    display: block;
    position: absolute;
    z-index: -1;
    border: 1px solid #dedede;
    border-radius: 50%;
}
.circle_rt1 {
    top: -482px;
    right: -1003px;
    width: 938px;
    height: 938px;
}
.circle_rt2 {
    top: 57px;
    right: -615px;
    width: 938px;
    height: 938px;
}
.circle_lb {
    top: 165px;
    left: -670px;
    width: 1426px;
    height: 1426px;
    border: 1px solid #45bae6;
}
.sec_tit {
    text-align: center;
}
.sec_tit .tit {
    margin-bottom: 23px;
    font-size: 50px;
    font-weight: 600;
}
.sec_tit .desc {
    font-size: 16px;
    letter-spacing: -0.025em;
}
.txt_box .tit {
    font-size: 30px;
    font-weight: 600;
    line-height: 1.167em;
    color: #fff;
}
.txt_box .tit.line {
    position: relative;
}
.txt_box .tit.line:after {
    display: block;
    position: relative;
    width: 40px;
    height: 2px;
    content: "";
    background: currentColor;
    margin: 20px 0 25px;
}
.txt_box .desc {
    margin-bottom: 25px;
    font-weight: 300;
    line-height: 1.625em;
    letter-spacing: -0.025em;
}
.txt_box .desc sub {
    position: relative;
    display: inline-block;
    top: 1px;
    font-size: 60%;
}
/* Home - 제품소개 */
.post-item.border > .post-item-wrap > .post-item-description p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
/* History */
.timeline .timeline-item:first-child {
    margin-top: 0
}
.timeline .timeline-item ul {
    padding-top: .5rem;
}
.timeline .timeline-item ul li {
    margin-bottom: 1rem;
    line-height: 1.8
}
/* Recruit */
.ul_step {
    position: relative;
}
.ul_step > li {
    float: left;
    position: relative;
    display: table;
    height: 208px;
    text-align: center
}
.ul_step > li:after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 30px;
    bottom: 30px;
    width: 1px;
    border-left: 1px dashed #ccc
}
.ul_step > li:last-child:after {
    display: none
}
.ul_step.col3 > li {
    width: 33.333333333333%
}
.ul_step .nx-td {
    display: table-cell;
    vertical-align: middle
}
.ul_step .num {
    display: inline-block;
    width: 50px;
    height: 50px;
    margin-bottom: .5rem;
    background: #117ce9;
    line-height: 50px;
    font-size: 1.5rem;
    color: #fff;
    border-radius: 50%
}
.ul_step strong {
    display: block;
    font-size: 20px;
    color: #333;
    font-weight: 500;
    padding-top: 7px
}
.ul_step strong > small {
    font-size: 15px;
    color: #585858
}
.btn_link {
    display: inline-block;
    width: 170px;
    height: 45px;
    line-height: 45px;
    background: #666;
    border-radius: 22px;
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    text-align: center
}
.btn_link:after {
    content: "";
    display: inline-block;
    position: relative;
    width: 7px;
    height: 7px;
    border: 1px solid #b2b2b2;
    top: -1px;
    margin-left: 15px;
    border-top: 0;
    border-right: 0;
    background: transparent;
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
    z-index: 2
}
.btn_link:hover {
    opacity: 0.8
}
/* Icon List 하위 스타일 */
.list-icon li dl dt {
    display: inline-block;
    width: 25%;
    vertical-align: top
}
.list-icon li dl dd {
    display: inline-block;
    width: 73%;
    margin: 0
}
/* Board Basic */
/* 게시판 목록 */
#bo_list {}
#bo_list:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: ""
}
#bo_list .td_board {
    text-align: center
}
#bo_list .td_chk {
    width: 30px;
    text-align: center;
    border-top: 1px solid #ecf0f1;
    border-bottom: 1px solid #ecf0f1
}
#bo_list .td_date {}
#bo_list .td_datetime {}
#bo_list .td_group {
    width: 100px;
    text-align: center
}
#bo_list .td_mb_id {
    width: 100px;
    text-align: center
}
#bo_list .td_mng {
    width: 80px;
    text-align: center
}
#bo_list .td_name {
    width: 90px;
    text-align: left;
    padding: 10px 0
}
#bo_list .td_nick {
    width: 100px;
    text-align: center
}
#bo_list .td_num {
    width: 50px;
    text-align: center
}
#bo_list .td_num2 {
    width: 50px;
    text-align: center
}
#bo_list .td_numbig {
    width: 80px;
    text-align: center
}
#bo_list .txt_active {
    color: #5d910b
}
#bo_list .txt_expired {
    color: #ccc
}
#bo_list tbody tr {
    border-left: 2px solid transparent
}
#bo_list tbody tr:hover {
    border-left: 2px solid #253dbe
}
#bo_list tbody .even td {
    background: #fbfbfb
}
#bo_cate {
    margin: 25px 0
}
#bo_cate h2 {
    position: absolute;
    font-size: 0;
    line-height: 0;
    overflow: hidden
}
#bo_cate ul {
    zoom: 1
}
#bo_cate ul:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: ""
}
#bo_cate li {
    display: inline-block;
    padding: 2px
}
#bo_cate a {
    display: block;
    line-height: 28px;
    padding: 5px 15px;
    border-radius: 30px;
    border: 1px solid #d6e9ff;
    color: #6794d3
}
#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {
    text-decoration: none;
    background: #3a8afd;
    color: #fff
}
#bo_cate #bo_cate_on {
    z-index: 2;
    background: #3a8afd;
    color: #fff;
    font-weight: bold;
    border: 1px solid #3a8afd;
    -webkit-box-shadow: inset 0 2px 5px rgb(33, 135, 202);
    -moz-box-shadow: inset 0 2px 5px rgb(33, 135, 202);
    box-shadow: inset 0 2px 5px rgb(33, 135, 202)
}
.td_subject img {
    margin-left: 5px
}
/* 게시판 목록 공통 */
.selec_chk {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    opacity: 0;
    outline: 0;
    z-index: -1;
    overflow: hidden
}
.chk_box {
    position: relative
}
.chk_box input[type="checkbox"] + label {
    position: relative;
    margin: 0;
    color: #676e70
}
.chk_box input[type="checkbox"] + label:hover {
    color: #2172f8
}
.chk_box input[type="checkbox"] + label span {
    float: left;
    width: 15px;
    height: 15px;
    display: block;
    background: #fff;
    border: 1px solid #d0d4df;
    border-radius: 3px
}
.write_div .chk_box input[type="checkbox"] + label, .bo_vc_w .chk_box input[type="checkbox"] + label {
    padding-left: 20px
}
.write_div .chk_box input[type="checkbox"] + label span, .bo_vc_w .chk_box input[type="checkbox"] + label span {
    position: absolute;
    top: 2px;
    left: 0;
    width: 15px;
    height: 15px;
    display: block;
    margin: 0;
    background: #fff;
    border: 1px solid #d0d4df;
    border-radius: 3px
}
.chk_box input[type="checkbox"]:checked + label {
    color: #000
}
.chk_box input[type="checkbox"]:checked + label span {
    background: url(./img/chk.png) no-repeat 50% 50% #3a8afd;
    border-color: #1471f6;
    border-radius: 3px
}
#bo_btn_top {
    margin: 10px 0
}
#bo_btn_top:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: ""
}
.bo_fx {
    margin-bottom: 5px;
    float: right;
    zoom: 1
}
.bo_fx:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: ""
}
.bo_fx ul {
    margin: 0;
    padding: 0;
    list-style: none
}
#bo_list_total {
    float: left;
    line-height: 34px;
    font-size: 0.92em;
    color: #4e546f
}
.btn_bo_user {
    float: right;
    margin: 0;
    padding: 0;
    list-style: none
}
.btn_bo_user > li {
    display: inline-block;
    position: relative
}
.btn_bo_user li i {
    font-size: 1rem
}
.btn_bo_adm {
    float: left
}
.btn_bo_adm li {
    float: left;
    margin-right: 5px
}
.btn_bo_adm input {
    padding: 0 8px;
    border: 0;
    background: #d4d4d4;
    color: #666;
    text-decoration: none;
    vertical-align: middle
}
.bo_notice td {
    background: #fff6fa !important;
    border-bottom: 1px solid #f8e6ee
}
.bo_notice td a {
    font-weight: bold
}
.bo_notice .notice_icon {
    display: inline-block;
    line-height: 25px;
    border-radius: 5px;
    font-weight: bold;
    color: #f9267f
}
.more_opt {
    display: none;
    position: absolute;
    top: 45px;
    right: 0;
    background: #fff;
    border: 1px solid #b8bfc4;
    z-index: 999
}
.more_opt:before {
    content: "";
    position: absolute;
    top: -8px;
    right: 13px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 6px 8px 6px;
    border-color: transparent transparent #b8bfc4 transparent
}
.more_opt:after {
    content: "";
    position: absolute;
    top: -6px;
    right: 13px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 6px 8px 6px;
    border-color: transparent transparent #fff transparent
}
.more_opt li {
    border-bottom: 1px solid #f1f1f1;
    padding: 10px;
    float: inherit;
    width: 110px;
    margin: 0;
    color: #6b757c;
    line-height: 1
}
.more_opt li:last-child {
    border-bottom: 0
}
.more_opt li button, .more_opt li a {
    width: 100%;
    border: 0;
    background: #fff;
    color: #6b757c;
    line-height: 1
}
.more_opt li:hover a, .more_opt li:hover button {
    color: #000
}
.more_opt li i {
    float: right;
    line-height: 20px
}
.td_num strong {
    color: #000
}
.bo_cate_link {
    float: left;
    display: inline-block;
    margin-right: 10px;
    background: #e2eaf6;
    color: #3a8afd;
    font-weight: normal !important;
    height: 20px;
    line-height: 10px;
    padding: 5px 8px;
    border-radius: 5px;
    font-size: 0.95em
} /* 글제목줄 분류스타일 */
.bo_cate_link:hover {
    text-decoration: none
}
.bo_tit a {
    color: #333
}
.bo_current {
    color: #e8180c
}
#bo_list .profile_img img {
    border-radius: 50%
}
#bo_list .cnt_cmt {
    background: #e9eff5;
    color: #3a8afd;
    font-size: 11px;
    height: 16px;
    line-height: 16px;
    padding: 0 5px;
    border-radius: 3px;
    vertical-align: middle
}
#bo_list .bo_tit .title_icon {
    margin-right: 2px
}
#bo_list .bo_tit .fa-heart {
    color: #ff0000
}
#bo_list .bo_tit .fa-lock {
    display: inline-block;
    line-height: 14px;
    width: 16px;
    font-size: 0.833em;
    color: #4f818c;
    background: #cbe3e8;
    text-align: center;
    border-radius: 2px;
    font-size: 12px;
    border: 1px solid #cbe3e8;
    vertical-align: middle
}
#bo_list .bo_tit .new_icon {
    display: inline-block;
    width: 16px;
    line-height: 16px;
    font-size: 0.833em;
    color: #23db79;
    background: #b9ffda;
    text-align: center;
    border-radius: 2px;
    margin-left: 2px;
    font-weight: bold;
    vertical-align: middle
}
#bo_list .bo_tit .hot_icon {
    display: inline-block;
    width: 16px;
    line-height: 16px;
    font-size: 0.833em;
    color: #ff0000;
    background: #ffb9b9;
    text-align: center;
    border-radius: 2px;
    vertical-align: middle
}
#bo_list .bo_tit .fa-caret-right {
    color: #bbb
}
#bo_list .bo_tit .fa-download {
    display: inline-block;
    width: 16px;
    line-height: 16px;
    font-size: 0.833em;
    color: #daae37;
    background: #ffefb9;
    text-align: center;
    border-radius: 2px;
    margin-left: 5px;
    vertical-align: middle
}
#bo_list .bo_tit .fa-link {
    display: inline-block;
    width: 16px;
    line-height: 16px;
    font-size: 0.833em;
    color: #b451fd;
    background: #edd3fd;
    text-align: center;
    border-radius: 2px;
    margin-left: 5px;
    vertical-align: middle
}
.bo_sch_wrap {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999
}
.bo_sch {
    position: absolute;
    top: 50%;
    left: 50%;
    background: #fff;
    text-align: left;
    width: 330px;
    max-height: 300px;
    margin-left: -125px;
    margin-top: -180px;
    overflow-y: auto;
    border-radius: 5px;
    -webkit-box-shadow: 1px 1px 18px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 1px 1px 18px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 1px 18px rgba(0, 0, 0, 0.2);
    border: 1px solid #dde7e9;
}
.bo_sch:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: ""
}
.bo_sch h3 {
    padding: 15px;
    border-bottom: 1px solid #e8e8e8
}
.bo_sch legend {
    background: red
}
.bo_sch form {
    padding: 15px;
    display: block
}
.bo_sch select {
    border: 0;
    width: 100%;
    border: 1px solid #d0d3db;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}
.bo_sch .sch_bar {
    display: inline-block;
    width: 100%;
    clear: both;
    margin-top: 15px;
    border: 1px solid #d0d3db;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}
.bo_sch .sch_input {
    width: 250px;
    height: 38px;
    border: 0;
    padding: 0;
    background-color: transparent;
    float: left
}
.bo_sch .sch_btn {
    height: 38px;
    float: right;
    color: #656565;
    background: none;
    border: 0;
    width: 40px;
    font-size: 15px
}
.bo_sch .bo_sch_cls {
    position: absolute;
    right: 0;
    top: 0;
    color: #b5b8bb;
    border: 0;
    padding: 12px 15px;
    font-size: 16px;
    background: #fff
}
.bo_sch_bg {
    background: #000;
    background: rgba(0, 0, 0, 0.1);
    width: 100%;
    height: 100%
}
/* 게시판 쓰기 */
#char_count_desc {
    display: block;
    margin: 0 0 5px;
    padding: 0
}
#char_count_wrap {
    margin: 5px 0 0;
    text-align: right
}
#char_count {
    font-weight: bold
}
#autosave_wrapper {
    position: relative
}
#autosave_pop {
    display: none;
    z-index: 10;
    position: absolute !important;
    top: 34px;
    right: 0;
    width: 350px;
    height: auto !important;
    height: 180px;
    max-height: 180px;
    border: 1px solid #565656;
    background: #fff;
    -webkit-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.2)
}
#autosave_pop:before {
    content: "";
    position: absolute;
    top: -8px;
    right: 45px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 6px 8px 6px;
    border-color: transparent transparent #000 transparent
}
#autosave_pop:after {
    content: "";
    position: absolute;
    top: -7px;
    right: 45px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 6px 8px 6px;
    border-color: transparent transparent #fff transparent
}
html.no-overflowscrolling #autosave_pop {
    height: auto;
    max-height: 10000px !important
} /* overflow 미지원 기기 대응 */
#autosave_pop strong {
    position: absolute;
    font-size: 0;
    line-height: 0;
    overflow: hidden
}
#autosave_pop div {
    text-align: center;
    margin: 0 !important
}
#autosave_pop button {
    margin: 0;
    padding: 0;
    border: 0
}
#autosave_pop ul {
    padding: 15px;
    border-top: 1px solid #e9e9e9;
    list-style: none;
    overflow-y: scroll;
    height: 130px;
    border-bottom: 1px solid #e8e8e8
}
#autosave_pop li {
    padding: 8px 5px;
    border-bottom: 1px solid #fff;
    background: #eee;
    zoom: 1
}
#autosave_pop li:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: ""
}
#autosave_pop a {
    display: block;
    float: left
}
#autosave_pop span {
    display: block;
    float: right;
    font-size: 0.92em;
    font-style: italic;
    color: #999
}
.autosave_close {
    cursor: pointer;
    width: 100%;
    height: 30px;
    background: none;
    color: #888;
    font-weight: bold;
    font-size: 0.92em
}
.autosave_close:hover {
    background: #f3f3f3;
    color: #3597d9
}
.autosave_content {
    display: none
}
.autosave_del {
    background: url(./img/close_btn.png) no-repeat 50% 50%;
    text-indent: -999px;
    overflow: hidden;
    height: 20px;
    width: 20px
}
/* 게시판 읽기 */
#bo_v {
    margin-bottom: 20px;
    background: #fff;
    box-sizing: border-box
}
#bo_v_table {
    position: absolute;
    top: 0;
    right: 16px;
    margin: 0;
    padding: 0 5px;
    height: 25px;
    background: #ff3061;
    color: #fff;
    font-weight: bold;
    line-height: 2.2em
}
#bo_v_title {}
#bo_v_title .bo_v_cate {
    display: inline-block;
    line-height: 20px;
    background: #e2eaf6;
    color: #3a8afd;
    padding: 0 10px;
    border-radius: 3px;
}
#bo_v_title .bo_v_tit {}
#bo_v_info {
    margin-top: 2rem;
    border-bottom: 1px solid #f1f1f1;
    color: #666
}
#bo_v_info:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: ""
}
#bo_v_info h2 {
    position: absolute;
    font-size: 0;
    line-height: 0;
    overflow: hidden
}
#bo_v_info .profile_info {
    float: left;
}
#bo_v_info .profile_info .pf_img {
    float: left;
    margin-right: 10px
}
#bo_v_info .profile_info .pf_img img {
    border-radius: 50%;
    width: 50px;
    height: 50px
}
#bo_v_info .profile_info .profile_info_ct {
    line-height: 40px
}
#bo_v_info strong {
    display: inline-block;
    margin: 0 10px 0 0;
    font-weight: normal
}
#bo_v_info .sv_member, #bo_v_info .sv_guest, #bo_v_info .member, #bo_v_info .guest {
    font-weight: bold
}
#bo_v_info .profile_img {
    display: none
}
#bo_v_info .sv_member {
    color: #000
}
#bo_v_info .if_date {
    margin: 0;
    color: #888
}
#bo_v_file h2 {
    position: absolute;
    font-size: 0;
    line-height: 0;
    overflow: hidden
}
#bo_v_file ul {
    margin: 0;
    list-style: none
}
#bo_v_file li {
    padding: 15px;
    position: relative;
    margin: 10px 0;
    border: 1px solid #dfdfdf;
    border-radius: 5px;
    -webkit-box-shadow: 1px 1px 5px 0px hsl(232, 36%, 96%);
    -moz-box-shadow: 1px 1px 5px 0px hsl(232, 36%, 96%);
    box-shadow: 1px 1px 5px 0px hsl(232, 36%, 96%)
}
#bo_v_file li i {
    float: left;
    color: #b2b2b2;
    font-size: 2.35em;
    margin-right: 20px
}
#bo_v_file a {
    float: left;
    display: block;
    text-decoration: none;
    word-wrap: break-word;
    color: #000
}
#bo_v_file a:focus, #bo_v_file li:hover a, #bo_v_file a:active {
    text-decoration: underline;
    color: #3a8afd
}
#bo_v_file img {
    float: left;
    margin: 0 10px 0 0
}
#bo_v_file .bo_v_file_cnt {
    color: #b2b2b2;
    font-size: 0.92em
}
#bo_v_file li:hover {
    border-color: #bed4f4;
    color: #bed4f4
}
#bo_v_file li:hover i {
    color: #3a8afd
}
#bo_v_file li:hover .bo_v_file_cnt {
    color: #99c2fc
}
#bo_v_link h2 {
    position: absolute;
    font-size: 0;
    line-height: 0;
    overflow: hidden
}
#bo_v_file ul {
    margin: 0;
    list-style: none
}
#bo_v_link li {
    padding: 15px;
    position: relative;
    margin: 10px 0;
    border: 1px solid #dfdfdf;
    border-radius: 5px;
    -webkit-box-shadow: 1px 1px 5px 0px hsl(232, 36%, 96%);
    -moz-box-shadow: 1px 1px 5px 0px hsl(232, 36%, 96%);
    box-shadow: 1px 1px 5px 0px hsl(232, 36%, 96%)
}
#bo_v_link li i {
    float: left;
    color: #b2b2b2;
    font-size: 2.35em;
    margin-right: 20px
}
#bo_v_link a {
    float: left;
    display: block;
    text-decoration: none;
    word-wrap: break-word;
    color: #000
}
#bo_v_link a:focus, #bo_v_link li:hover a, #bo_v_link a:active {
    text-decoration: underline;
    color: #3a8afd !important
}
#bo_v_link .bo_v_link_cnt {
    color: #b2b2b2;
    font-size: 0.92em
}
#bo_v_link li:hover {
    border-color: #bed4f4;
    color: #bed4f4
}
#bo_v_link li:hover i {
    color: #3a8afd
}
#bo_v_link li:hover .bo_v_link_cnt {
    color: #99c2fc
}
#bo_v_top {
    zoom: 1
}
#bo_v_top:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: ""
}
#bo_v_top h2 {
    position: absolute;
    font-size: 0;
    line-height: 0;
    overflow: hidden
}
#bo_v_top ul {}
#bo_v_bot {
    zoom: 1
}
#bo_v_bot:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: ""
}
#bo_v_bot h2 {
    position: absolute;
    font-size: 0;
    line-height: 0;
    overflow: hidden
}
#bo_v_bot ul {
    padding: 0;
    list-style: none
}
.bo_v_com {
    float: right
}
.bo_v_com > li {}
.bo_v_nb {
    position: relative;
    margin: 20px 0;
    clear: both;
    text-align: left
}
.bo_v_nb:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: ""
}
.bo_v_nb li {
    border-top: 1px solid #f1f1f1;
    padding: 13px
}
.bo_v_nb li:last-child {
    border-bottom: 1px solid #f1f1f1
}
.bo_v_nb li:hover {
    background: #f6f6f6
}
.bo_v_nb li i {
    font-size: 13px;
    color: #b3b3b3
}
.bo_v_nb li .nb_tit {
    display: inline-block;
    padding-right: 20px;
    color: #b3b3b3
}
.bo_v_nb li .nb_date {
    float: right;
    color: #b3b3b3
}
#bo_v_atc {
    min-height: 200px;
    height: auto !important;
    height: 200px
}
#bo_v_atc_title {
    position: absolute;
    font-size: 0;
    line-height: 0;
    overflow: hidden
}
#bo_v_img {
    width: 100%;
    overflow: hidden;
    zoom: 1
}
#bo_v_img:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: ""
}
#bo_v_img a.view_image {
    display: block
}
#bo_v_img img {
    margin-bottom: 20px;
    max-width: 100%;
    height: auto
}
#bo_v_con {
    margin: 10px 0 30px;
    width: 100%;
    line-height: 1.7em;
    min-height: 200px;
    word-break: break-all;
    overflow: hidden
}
#bo_v_con a {
    color: #000;
    text-decoration: underline
}
#bo_v_con img {
    max-width: 100%;
    height: auto
}
#bo_v_act {
    margin-bottom: 30px;
    text-align: center
}
#bo_v_act .bo_v_act_gng {
    position: relative
}
#bo_v_act a {
    margin-right: 5px;
    vertical-align: middle;
    color: #4a5158
}
#bo_v_act a:hover {
    background-color: #fff;
    color: #ff484f;
    border-color: #ff484f
}
#bo_v_act i {
    font-size: 1.4em;
    margin-right: 5px
}
#bo_v_act_good, #bo_v_act_nogood {
    display: none;
    position: absolute;
    top: 30px;
    left: 0;
    z-index: 9999;
    padding: 10px 0;
    width: 165px;
    background: #ff3061;
    color: #fff;
    text-align: center
}
#bo_v_act .bo_v_good {
    display: inline-block;
    border: 1px solid #dedede;
    width: 70px;
    line-height: 46px;
    border-radius: 30px
}
#bo_v_act .bo_v_nogood {
    display: inline-block;
    border: 1px solid #dedede;
    width: 70px;
    line-height: 46px;
    border-radius: 30px
}
#bo_v_sns {
    padding: 0;
    list-style: none;
    zoom: 1;
    float: left;
    display: inline-block
}
#bo_v_sns:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: ""
}
#bo_v_sns li {
    float: left;
    width: 135px;
    margin-right: 5px;
    text-align: left
}
#bo_v_sns li a {
    height: 35px;
    line-height: 35px;
    text-align: center;
    border-radius: 5px;
    color: #fff;
    font-size: 0.95em
}
#bo_v_sns li img {
    vertical-align: middle;
    margin-right: 5px
}
#bo_v_sns li .sns_f {
    display: block;
    background: #3b5997
}
#bo_v_sns li .sns_t {
    display: block;
    background: #09aeee
}
#bo_v_sns li .sns_g {
    display: block;
    background: #ea4026
}
#bo_v_sns li .sns_k {
    display: block;
    background: #fbe300
}
#bo_v_share {
    position: relative;
    padding: 20px 0
}
#bo_v_share:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: ""
}
#bo_v_share .btn {}
#bo_v_share .btn:hover {}
#bo_v_share .btn i {}
/* 게시판 댓글 */
.cmt_btn {
    width: 100%;
    text-align: left;
    border: 0;
    border-bottom: 1px solid #f0f0f0;
    background: #fff;
    font-weight: bold;
    margin: 30px 0 0px;
    padding: 0 0 15px
}
.cmt_btn span.total {
    position: relative;
    display: inline-block;
    margin-right: 5px;
    font-size: 1em;
    color: #3a8afd
}
.cmt_btn span.cmt_more {
    float: right;
    display: inline-block;
    width: 15px;
    height: 10px;
    background: url(./img/btn_cmt.png) no-repeat right 2px;
    margin-top: 5px
}
.cmt_btn_op span.cmt_more {
    background-position: right -8px
}
.cmt_btn b {
    font-size: 1.2em;
    color: #000
}
.cmt_btn span.total:after {
    position: absolute;
    bottom: -17px;
    left: 0;
    display: inline-block;
    background: #3a8afd;
    content: "";
    width: 100%;
    height: 2px
}
#bo_vc {
    padding: 0
}
#bo_vc h2 {
    position: absolute;
    font-size: 0;
    line-height: 0;
    overflow: hidden
}
#bo_vc article {
    margin: 20px 0;
    position: relative;
    border-bottom: 1px solid #f0f0f0
}
#bo_vc article:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: ""
}
#bo_vc article .profile_img img {
    border-radius: 50%
}
#bo_vc article .pf_img {
    float: left;
    margin-right: 10px
}
#bo_vc article .pf_img img {
    border-radius: 50%;
    width: 50px;
    height: 50px
}
#bo_vc article .cm_wrap {
    float: left;
    max-width: 870px;
    width: 90%
}
#bo_vc header {
    position: relative;
    width: 100%
}
#bo_vc header:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: ""
}
#bo_vc header .profile_img {
    display: none
}
#bo_vc header .icon_reply {
    position: absolute;
    top: 15px;
    left: -20px
}
#bo_vc .member, #bo_vc .guest, #bo_vc .sv_member, #bo_vc .sv_guest {
    font-weight: bold
}
.bo_vc_hdinfo {
    color: #777
}
#bo_vc h1 {
    position: absolute;
    font-size: 0;
    line-height: 0;
    overflow: hidden
}
#bo_vc .cmt_contents {
    line-height: 1.8em;
    padding: 0 0 20px
}
#bo_vc p a {
    text-decoration: underline
}
#bo_vc p a.s_cmt {
    text-decoration: underline;
    color: #ed6479
}
#bo_vc_empty {
    margin: 0;
    padding: 80px 0 !important;
    color: #777;
    text-align: center
}
#bo_vc #bo_vc_winfo {
    float: left
}
#bo_vc .bo_vl_opt {
    position: absolute;
    top: 0;
    right: 0
}
.bo_vc_act {
    display: none;
    position: absolute;
    right: 0;
    top: 40px;
    width: 58px;
    text-align: right;
    border: 1px solid #b8bfc4;
    margin: 0;
    list-style: none;
    background: #fff;
    zoom: 1;
    z-index: 9999
}
.bo_vc_act:before {
    content: "";
    position: absolute;
    top: -8px;
    right: 5px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 6px 8px 6px;
    border-color: transparent transparent #b8bfc4 transparent
}
.bo_vc_act:after {
    content: "";
    position: absolute;
    top: -6px;
    right: 5px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 6px 8px 6px;
    border-color: transparent transparent #fff transparent
}
.bo_vc_act li {
    border-bottom: 1px solid #f0f0f0
}
.bo_vc_act li:last-child {
    border-bottom: 0
}
.bo_vc_act li a {
    display: inline-block;
    padding: 10px 15px
}
.bo_vc_act li a:hover {
    color: #3a8afd
}
.bo_vc_w {
    position: relative;
    margin: 10px 0;
    display: block
}
.bo_vc_w:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: ""
}
.bo_vc_w h2 {
    position: absolute;
    font-size: 0;
    line-height: 0;
    overflow: hidden
}
.bo_vc_w #char_cnt {
    display: block;
    margin: 0 0 5px
}
.bo_vc_w textarea {
    border: 1px solid #ccc;
    background: #fff;
    color: #000;
    vertical-align: middle;
    border-radius: 3px;
    padding: 5px;
    width: 100%;
    height: 120px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1)
}
#wr_secret {}
.bo_vc_w_info {
    margin: 10px 0;
    float: left
}
.bo_vc_w_info:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: ""
}
.bo_vc_w_info .frm_input {
    float: left;
    margin-right: 5px
}
.bo_vc_w_info #captcha {
    padding-top: 10px;
    display: block;
    clear: both
}
.bo_vc_w .btn_confirm {
    clear: both;
    margin-top: 10px
}
.bo_vc_w .btn_confirm label {
    display: inline-block;
    margin-right: 10px;
    border-radius: 3px;
    font-size: 1.5em;
    text-align: center
}
.bo_vc_w .btn_submit {}
.bo_vc_w .btn_confirm .secret_cm label {
    font-size: 1em !important
}
.bo_vc_w_wr:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: ""
}
.secret_cm {
    display: inline-block;
    float: left
}
#bo_vc_send_sns {
    display: inline-block;
    float: left
}
#bo_vc_sns {
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style: none;
    zoom: 1
}
#bo_vc_sns:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: ""
}
#bo_vc_sns li {
    float: left;
    margin: 0 5px 0 0
}
#bo_vc_sns .sns_li_f {
    border-radius: 3px;
    background: #3a589b;
    height: 40px;
    line-height: 40px;
    padding: 0 0 0 10px
}
#bo_vc_sns .sns_li_t {
    border-radius: 3px;
    background: #00aced;
    height: 40px;
    line-height: 40px;
    padding: 0 0 0 10px
}
#bo_vc_sns .sns_li_off {
    background: #bbb
}
#bo_vc_sns a {
    display: inline-block;
    padding: 0 15px 0 5px
}
#bo_vc_sns input {
    margin: 0 5px 0 0
}
/*글쓰기*/
#bo_w .bo_v_option li {
    display: inline-block;
    float: left;
    text-align: left;
    margin: 0 5px 0 0
}
#bo_w .bo_v_option li label {
    vertical-align: baseline
}
#bo_w .bo_v_option .chk_box input[type="checkbox"] + label span {
    margin-left: 0;
    margin-right: 5px
}
#bo_w .write_div {
    margin: 10px 0;
    position: relative
}
#bo_w .write_div:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: ""
}
#bo_w .bo_w_info:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: ""
}
#bo_w .bo_w_info .frm_input {
    float: left;
    margin-bottom: 1%
}
#bo_w #wr_password, #bo_w #wr_homepage {
    margin-left: 1%
}
#bo_w .wr_content.smarteditor2 iframe {
    background: #fff
}
#bo_w .bo_w_tit {
    position: relative
}
#bo_w .bo_w_tit .frm_input {
    padding-right: 120px
}
#bo_w .bo_w_tit #btn_autosave {
    position: absolute;
    top: 5px;
    right: 5px;
    line-height: 30px;
    height: 30px
}
#bo_w .bo_w_link label {
    position: absolute;
    top: 1px;
    left: 1px;
    border-radius: 3px 0 0 3px;
    height: 38px;
    line-height: 38px;
    width: 40px;
    font-size: 1.2em;
    text-align: center;
    color: #b2b2b2
}
#bo_w .bo_w_link .frm_input {
    padding-left: 50px
}
#bo_w .bo_w_flie .lb_icon {
    position: absolute;
    top: 0px;
    left: 0px;
    border-radius: 3px 0 0 3px;
    height: 38px;
    line-height: 38px;
    width: 40px;
    font-size: 1.2em;
    text-align: center;
    color: #b2b2b2
}
#bo_w .bo_w_flie .frm_file {
    padding-left: 50px;
    margin-top: -8px
}
#bo_w .bo_w_flie .file_wr {
    position: relative;
    border: 1px solid #ccc;
    background: #fff;
    color: #000;
    vertical-align: middle;
    border-radius: 3px;
    padding: 5px;
    height: 40px;
    margin: 0
}
#bo_w .bo_w_flie .frm_input {
    margin: 10px 0 0
}
#bo_w .bo_w_flie .file_del {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 0.92em;
    color: #7d7d7d
}
#bo_w .bo_w_select select {
    border: 1px solid #d0d3db;
    width: 100%;
    border-radius: 3px
}
#bo_w .btn_submit {}
#bo_w .btn_cancel {}
/* Footer */
#footer .footer-content .linkArea ul {
    margin-bottom: 0
}
#footer .footer-content .linkArea ul li {
    float: left;
    padding: 0 2rem;
    position: relative;
}
#footer .footer-content .linkArea ul li:first-child {
    padding-left: 0;
}
#footer .footer-content .linkArea ul li a {
    display: block;
}
#footer .footer-content .linkArea ul li:after {
    content: '';
    width: 1px;
    height: 14px;
    background: #ddd;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
}
#footer .copyright-content .copyright-text {
    font-size: 13px;
    color: #777;
    font-family: "Poppins", sans-serif;
}
@media(max-width:1600px) {
    #gnb > .container > ul > li > a {
        padding: 0 35px
    }
    #gnb > .container > ul > li ul {
        padding-left: 35px
    }
}
@media(max-width:1400px) {
    #gnb > .container > ul > li > a {
        padding: 0 25px
    }
    #gnb > .container > ul > li ul {
        padding-left: 25px
    }
    #gnb > .container > ul > li ul li a {
        font-size: 16px
    }
}
@media(max-width:1200px) {
    #gnb > .container > ul > li > a {
        padding: 0 20px
    }
    #gnb > .container > ul > li ul {
        padding-left: 20px
    }
}
@media(min-width:1161px) {
    #gnb {
        height: 90px;
        transition: all 0.2s;
        -webkit-transition: all 0.2s;
        -moz-transition: all 0.2s
    }
    #gnb > .container > ul > li.curr a span, #gnb > .container > ul > li:hover a span {
        position: relative;
        z-index: 100;
        padding-bottom: 30px;
        margin-bottom: -1px;
        border-bottom: 2px solid #117ce9;
        color: #117ce9
    }
    #gnb > .container > ul > li ul {
        display: block !important
    }
    #gnb > .container > ul > li ul li.curr a, #gnb > .container > ul > li ul li a:hover {
        color: #117ce9
    }
    #header.on #gnb {
        height: 580px
    }
}
@media(max-width:1160px) {
    #gnb {
        position: fixed;
        left: auto;
        right: -100%;
        z-index: 99;
        display: block !important;
        overflow-y: auto;
        padding: 90px 0 50px 0;
        border-bottom: none;
        width: 100%;
        height: 100%;
        text-align: left;
        transition: all 0.2s;
        -webkit-transition: all 0.2s;
        -moz-transition: all 0.2s;
        -webkit-box-shadow: 1px 1px 18px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 1px 1px 18px rgba(0, 0, 0, 0.2);
        box-shadow: 1px 1px 18px rgba(0, 0, 0, 0.2);
    }
    #gnb:before {
        position: fixed;
        top: 0;
        border-bottom: 1px solid #dcdcdc;
        height: 90px;
        left: auto;
        right: -100%;
        background: #fff;
        transition: all 0.2s;
        -webkit-transition: all 0.2s;
        -moz-transition: all 0.2s
    }
    #gnb > .container > ul {
        display: block;
        float: none;
        margin-left: 0;
    }
    #gnb > .container > ul > li {
        padding: 0 10px;
        border-bottom: 1px solid #dcdcdc;
        float: none
    }
    #gnb > .container > ul > li > a {
        padding: 0;
        line-height: 3;
        font-size: 1rem;
    }
    #gnb > .container > ul > li > a span {
        padding-bottom: 0
    }
    #gnb > .container > ul > li.on > a {
        background-image: url("../images/common/btn-more-on.png")
    }
    #gnb > .container > ul > li ul {
        display: none;
        padding: 0
    }
    #gnb > .container > ul > li ul li + li {
        margin-top: 16px
    }
    #gnb > .container > ul > li ul li:last-child {
        padding-bottom: 25px
    }
    #gnb > .container > ul > li ul li a {
        display: block;
        line-height: 23px;
        font-size: 15px;
        color: #666;
        font-weight: 400
    }
    #header.open #gnb {
        right: 0
    }
    #header.open #gnb:before {
        right: 0
    }
    #gnb .container > ul > li > a {
        padding: 0;
        line-height: 60px;
        font-size: 18px;
        font-weight: 400;
        background: url(../images/btn-more.png) no-repeat right center;
        background-size: 12px auto;
    }
    #gnb .container > ul > li.on > a {
        background-image: url(../images/btn-more-on.png);
    }
    #gnb > .container > ul > li ul {
        height: auto;
        border: none;
    }
    #gnb > .container > ul > li:first-child ul {
        border: none;
    }
    #header .btnMenu {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
    }
    #gnb .btnClose {
        position: absolute;
        top: -90px;
        right: 30px;
        z-index: 100;
        width: 100%;
        height: 90px;
        transition: all 0.2s;
        -webkit-transition: all 0.2s;
        -moz-transition: all 0.2s;
        font-size: 1.8rem;
        color: #111;
        text-align: right
    }
    .service .s-img-box .s-img-box-tit h2 {
        font-size: 1.5rem;
    }
    .service .s-img-box .s-img-box-tit .view-lnk {
        padding: 2rem 1rem
    }
    /* Tab Menu */
    .flex-column.nav-tabs {
        flex-direction: row !important;
        -ms-flex-direction: row !important
    }
    .tabs .nav-tabs .nav-link {
        padding: .5rem .8rem;
        margin: 0 .5rem .5rem 0;
        font-size: 1rem
    }
    .tabs.tabs-vertical .nav-tabs .nav-link {
        border: 1px solid #e6e8eb;
    }
    .tabs.tabs-vertical .nav-tabs .nav-link.active {
        border: 1px solid #117ce9
    }
}
@media(max-width:768px) {
    .mb-5, .my-5 {
        margin-bottom: 1rem !important;
    }
}