@charset "utf-8";

body {font-family: 'Malgun Gothic';}

.wrap {/*width: 100%; height: 100vh;*/} 

header {width: 100%; height: 154px; background: #fff; box-shadow: 4px 4px 15px rgba(0,0,0,0.1);}
.nb_header {width: 1200px; margin: 0 auto;}
.nb_header .logo {float: left; margin-top: 20px;}
.nb_header .logo a {display: block;}
.nb_header .logo img {width: 213px;}
.nb_header .top_menu {float: right; margin-top: 60px;}
.nb_header .top_menu .title {float: left; width: 195px; text-align: center; position: relative;}
.nb_header .top_menu .title > a {display: block; padding: 25px 0; font-size: 20px; color:#666; font-weight: 700;}
.nb_header .top_menu .title > a:hover , .nb_header .top_menu .title.on > a {position: relative; z-index: 1; font-size: 22px; color:#492c10; }
.nb_header .top_menu .title > a:hover:before , .nb_header .top_menu .title.on > a:before {z-index: -1; content: ''; position: absolute; left: 13px; top: -3px; 
width: 195px; height: 108px; background: url(../images/common/ico/header_menu.jpg) no-repeat; opacity: 0.8;}
.nb_header .top_menu .title .detail_menu {display: none; z-index: 1; position: absolute; left: 50%; top: 94px; width: 175px; transform: translateX(-50%); background: #fdfce6; border-radius:  0 0 20px 20px;}
.nb_header .top_menu .title.on .detail_menu {display: block;}
.detail_title > a {font-size: 15px; color:#333; display: block;height: 40px; line-height: 40px;}
.detail_title > a:hover {font-size: 16px; color:#603913; font-weight: 700;}

.nb_header .top_menu .title > a.company_info:hover:before , .nb_header .top_menu .title.on > a.company_info:before {width: 195px; height: 108px; background: url(../images/common/ico/header_menu.jpg) no-repeat; opacity: 0.8;}
.nb_header .top_menu .title > a.brand_info:hover:before , .nb_header .top_menu .title.on > a.brand_info:before {width: 195px; height: 108px; background: url(../images/common/ico/header_menu2.jpg) no-repeat; opacity: 0.8;}
.nb_header .top_menu .title > a.customer_info:hover:before , .nb_header .top_menu .title.on > a.customer_info:before {width: 195px; height: 108px; background: url(../images/common/ico/header_menu3.jpg) no-repeat; opacity: 0.8;}
.nb_header .top_menu .title > a.branch_info:hover:before , .nb_header .top_menu .title.on > a.branch_info:before {width: 195px; height: 108px; background: url(../images/common/ico/header_menu4.jpg) no-repeat; opacity: 0.8;}





.contents {position: relative; width: 100%; height: 100%; padding-bottom: 40px;}
.contents:before {z-index: -10; content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%;background-size: 100px; background: url(../images/bg/bg2.png)center repeat-y; padding-bottom: 40px;}
.container {width: 1200px; margin: 0 auto; }

.banner {overflow: hidden; position: relative; display: inline-block; margin-top: 30px; width: 100%; height: 420px; border-radius: 50px; background: #ddd; box-shadow: 4px 4px 24px rgba(0,0,0,0.2);}
.slide_images {}
.slide_images .image_box img {border-radius: 50px; }

.slick-dots {position: absolute; left: 50%; bottom: 30px; transform: translateX(-50%); overflow: hidden; width: 200px;}
.slick-dots > li {float: left; margin-right: 10px;}
.slick-dots > li:last-child {margin-right: 0;}
.slick-dots > li button {display: inline-block; width: 20px; height: 20px; background: rgba(255,255,255,0.4); border-radius: 50%; text-indent: -9999px; border: 0;}
.slick-dots > li.slick-active button {background: rgba(255,255,255,0.9);}
.slick-dots > li button.click {background: rgba(255,255,255,0.9);}



/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}



/*cont_icon*/
.cont_icon {overflow: hidden; margin-top: 40px; display: inline-block;}
.cont_icon > div {float: left; margin-right: 32px;}
.cont_icon > div:nth-child(5) {margin-bottom: 12px;}
.cont_icon > div:nth-child(5n) {margin-right: 0;}
.brand_ico {width: 214px; height: 214px;}
.brand_ico a {display: block; opacity: 0.8;}
.brand_ico:hover a {opacity: 1;}


/*sub_contents*/
.sub_contents {position: relative; width: 100%; height: 100%; padding-bottom: 40px;}
.sub_contents:before {z-index: -10; content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%;
 background: url(../images/bg/layout_bg.jpg)center repeat-y; padding-bottom: 40px; background-size: 100%; opacity: 0.2;}
/*sub_bn*/
.sub_bn {position: relative; height: 150px; }
.sub_bn:before {z-index: -1; position: absolute; left: 0; top: 0; content: ''; width: 100%; height: 150px; background:#C4E9AA;}
.sub_bn:after {z-index: -1; position: absolute; left: 50%; transform: translateX(-50%); top: 0; content: ''; width: 1200px; height: 150px; 
    background: url(../images/bg/layout_bn1.png) right no-repeat; background-size: 220px;}
.sub_bn_txt_box {width: 1200px; margin: 0 auto;}
.sub_bn_txt {padding-top: 20px; width: 900px; margin: 0 0 0 auto;}
.sub_bn_txt p {font-size: 13px; color:#010101;}
.sub_bn_txt h3 {padding-top: 15px; font-size: 23px; color:#333; font-weight: 700;}
/*sub_cont*/
.sub_cont {margin-bottom: 60px; overflow: hidden;}
.sub_cont > div {float: left;}
.sub_cont_left {width: 18%; margin-top: 60px; }
.sub_menu {margin-top: 10px; width: 100%; }
.sub_menu .sub_title {text-align: center; background: #c4e9aa; width: 100%; height: 60px; line-height: 60px; border-radius: 10px; font-size: 25px; color:#009999; font-weight: 700; }
.sub_detail_menu {margin-top: 30px;}
.sub_detail_title {height: 40px; line-height: 40px;}
.sub_detail_title a {display: block; font-size: 16px; color:#ff9900; padding: 0 15px; font-weight:bold;}
.sub_detail_title a.active ,.sub_detail_title a:hover {position: relative; color:#333; font-weight: 700;}
.sub_detail_title a.active:before, .sub_detail_title a:hover:before {z-index: -1; position: absolute; left: 0; top: 0; content: ''; width: 214px; height: 40px; background: url(../images/bg/bn_menu_green.png) no-repeat;}

.sub_cont_right {margin-left: 4%; width: 78%; padding-top: 60px;}
.sub_cont_right_branch {margin-left: 4%; width: 78%; }
.sub_cont_box {}
.sub_cont_box_detail {position: relative; width: 900px; min-height: 655px; margin-bottom: 10px; background: #fff; border-radius: 10px; border: 5px solid #d8edc9; box-shadow: 4px 4px 9px rgba(0,0,0,0.2); }
.sub_cont_box_detail:after {position: absolute; left: 0; top: -51px; content: ''; width: 900px; height: 100px; background: url(../images/bg/spiral.png) no-repeat; background-size: 900px 100px;}
.subpage_cont {margin: 40px 0; padding: 0 40px; text-align: center;}

.customer_center .sub_bn:before {background: #C8F4FF;}
.customer_center .sub_bn:after {width: 1200px; height: 150px; left: 50%; transform: translateX(-50%); background: url(../images/bg/layout_bn3.png) right no-repeat; background-size: 220px;}
.customer_center .sub_title {background: #C8F4FF;}
.customer_center .sub_detail_title a.active:before ,.customer_center .sub_detail_title a:hover:before  {background: url(../images/bg/bn_menu_blue.png) no-repeat;}

.branch_cont .sub_bn:before {background: #fff38b;}
.branch_cont .sub_bn:after {width: 1200px; height: 150px; left: 50%; transform: translateX(-50%); background: url(../images/bg/layout_bn4.png) right no-repeat; background-size: 220px;}
.branch_cont .sub_title {background: #fff38b;}
.branch_cont .sub_detail_title a.active:before ,.branch_cont .sub_detail_title a:hover:before  {background: url(../images/bg/bn_menu_yellow.png) no-repeat;}

.brand_cont .sub_bn:before {background: #ffeefb;}
.brand_cont .sub_bn:after {width: 1200px; height: 150px; top: 0; background: url(../images/bg/layout_bn2.png) right no-repeat; background-size: 220px; }
.brand_cont .sub_title {background: #ffe1f8;}
.brand_cont .sub_detail_title a.active:before ,.brand_cont .sub_detail_title a:hover:before {background: url(../images/bg/bn_menu_purple.png) no-repeat;}


/*board_box*/
.board_box {background: #fff; padding: 50px 0;}
.board_box_branch {background: #fff; padding: 10px 0;}
/*board_top_menu*/
.board_top_menu {width: 100%; height: 50px;}
.board_top_menu_branch {width: 100%; height: 10px;}
.board_info {position: relative; }
.page_info {position: absolute; left: 0; top: 0; overflow: hidden;}   
.page_info span {float: left; color:#666; font-size: 16px; position: relative; padding-right: 10px; margin-right: 10px;}
.page_info span:last-child {margin-right: 0; padding-right: 0;}
.page_info span:after {content: ''; width: 1px; height: 16px; background-color: #ddd; position: absolute; right: 0; top: 5px;}
.page_info span:last-child:after {content: none;}
.page_info span em {color:#333; font-weight: 500;}
.search_box {position: absolute; right: 0; top: 0; overflow: hidden;}
.search_box > div {float: left;}
.choose_select {min-width: 150px; line-height: 40px; }
.choose_select select {font-size: 15px; color:#666; border: 1px solid #ddd; padding: 0 10px;}
.search_input {}
.input_txt {overflow: hidden;}
.input_txt input {float: left; border: 1px solid #ddd; width: 220px; height: 38px; padding: 0 10px; font-size: 15px; color:#666;}
.input_txt button {float: left; width: 62px; height: 40px; background-color: #333; border: #333; color: #fff; padding: 0 10px;}

/*board_table*/
.board_table {margin-top: 10px;}
.board_table table {border-top: 2px solid #555;}
.board_table table th {font-size: 16px; color:#222; font-weight: 700; padding: 20px 5px; border-bottom: 1px solid #ddd;}
.board_table table td {font-size: 15px; color:#555; text-align: center; border-bottom: 1px solid #ddd; height: 40px;}
.board_table table td.title {text-align: left;}
.board_table table td.title a {display: block;}
.board_table table td.title a > div {width: 420px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.board_table table .none_date td {padding: 80px;}

/*board_table_view*/
.board_table_view {}
.board_table_view table {border-top: 2px solid #555; text-align: left;}
.board_table_view table th {font-size: 15px; color:#222; font-weight: 500; background: #f0f0f0; padding: 10px 20px; border-bottom: 1px solid #ddd;}
.board_table_view table td {font-size: 14px; color:#555; padding: 10px 20px; border-bottom: 1px solid #ddd;}
.board_table_view table td.textarea {padding: 10px 5px 5px;}
.board_table_view table td.textarea textarea {padding: 5px 15px; border: 1px solid #dfdfdf; width: 96%; font-size: 14px; color:#555;}
.textarea textarea::placeholder {color:#ababab;}
.board_info_input input::placeholder {color:#ababab;}
.btn_box {text-align: right; margin-top: 30px;}
.btn_box button {min-width: 70px; height: 40px; font-size: 15px;border-radius: 5px;}
.gray_btn {background: #666; color:#fff; border: 0; }
.white_btn {background: #fff; color:#666; border: 1px solid #999;}
.board_table_view table td.board_info_input {padding: 0 5px;}
.board_table_view table td.board_info_input input {margin-right: 5px; border: 1px solid #dfdfdf; height: 30px; padding-left: 15px; font-size: 14px;}
.textarea_cont {width: 100%; min-height: 150px; border: 0;}
    

/* pagenation */
.ta-c {text-align: center;}
.pagination li {display: inline-block;
}
.pagination {display: -ms-flexbox;display: flex;padding:0 24%;list-style: none;border-radius: .25rem;margin-top:20px;}
.page-link2 {position: relative;display: block;padding: 0.8rem 0.75rem;margin-left: 1px;line-height: 1.25;color: #666;background-color: #fff;font-size: 14px;}
.before > a {text-indent: -9999px; background: url(../images/common/ico/ico_before.png) 50% 50% no-repeat;}
.previous2 > a {text-indent: -9999px; background: url(../images/common/ico/ico_previous.png) 50% 50% no-repeat;}
.next2 > a {text-indent: -9999px; background: url(../images/common/ico/ico_next.png) 50% 50% no-repeat;}
.after > a {text-indent: -9999px; background: url(../images/common/ico/ico_after.png) 50% 50% no-repeat;}      

.pagination .active > a {color: #fff; font-weight: 700; background: #333; border-radius: 5px;}
.before.active > a {text-indent: -9999px; background: url(../images/common/ico/ico_before_on.png) 50% 50% no-repeat;}
.previous2.active > a {text-indent: -9999px; background: url(../images/common/ico/ico_previous_on.png) 50% 50% no-repeat;}
.next2.active > a {text-indent: -9999px; background: url(../images/common/ico/ico_next_on.png) 50% 50% no-repeat;}
.after.active > a {text-indent: -9999px; background: url(../images/common/ico/ico_after_on.png) 50% 50% no-repeat;}    

.pagination2 {position: relative;}
.pagination2 .btn_box {position: absolute; right: 0; top: 0; margin-top: 0;}

/*brand_box*/
.brand_box {}
.brand_box .sub_cont_box_detail {margin-top: 24px;}
.brand_menu_box {overflow: hidden; margin-bottom: 64px;}
.brand_menu {float: left; width: 32%; margin-right: 2%; text-align: center; height: 70px; line-height: 70px;}
.brand_menu:last-child {margin-right: 0;}
.brand_menu a {font-size: 18px; color:#ccc; position: relative; display: block; }
.brand_menu a.active, .brand_menu a:hover {font-size: 20px; color:#666;}
.brand_menu a.active:before, .brand_menu a:hover:before {z-index: -1; position: absolute; left: 0; top: 0; 
    content: ''; width: 100%; height: 70px; background: url(../images/common/ico/tab_ico.png) center no-repeat; background-size: 180px;}

.subpage_cont .brand_infomation {display: none;}
.subpage_cont .brand_infomation.current {display: block;}
.subpage_cont .img_box img {width: 100%;}



/*brand_infomation*/
.brand_infomation {position: relative;}
.info_tab_menu {overflow: hidden;}
.info_tab_btn {float: left; margin-right: 1px;}
.info_tab_btn a {display: block; min-width: 150px; padding: 10px 0; font-size: 15px; color:#fff; border: 1px solid #ababab; border: 0; border-radius: 8px; background-color: #ababab;}
.info_tab_btn a.active, .info_tab_btn a:hover {background-color: #90c18f;}

.info_tab_btn2 a {padding: 0; min-width: auto; width: 60px; height: 60px; border-radius: 50%;}
.info_tab_btn2 a > em.number {font-size: 30px; margin-top: 0;} 
.info_tab_btn2 a > em {display: inline-block; width: 100%; line-height: 20px; margin-top: 6px;}

/*info_detail*/
.info_detail {margin-top: 30px; text-align: left;}
.info_txt {margin-top: 20px;}
.info_txt h3 {font-size: 18px; color:#629860; font-weight: 700;}
.info_txt h3 em {text-align: center; display: inline-block; width: 30px; height: 30px; line-height: 30px; border-radius: 50%; border: 0; background-color: #629860; color:#fff;}
.info_txt p {margin-left: 35px; margin-top: 5px; font-size: 15px; color:#666;}

.info_detail {display: none;}
.info_detail.current {display: block;}

/*branch_list*/
.branch_list {overflow: hidden; border-top: 3px solid #ddd; border-bottom: 3px solid #ddd; position: relative;}
.branch_list:after {content: ''; position: absolute; left: 0; top: 50px; width: 100%; height: 1px; background-color: #ddd;}
.branch_list .branch_tab {float: left; height: 50px; line-height: 50px; text-align: center; width: 14.6667%; padding-right: 1%; margin-right: 1%; position: relative;}
.branch_list .branch_tab:after {content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 5px; height: 5px; border-radius: 50%; background-color: #ccc;}
.branch_list .branch_tab:nth-child(6), .branch_list .branch_tab:last-child {margin-right: 0; padding-right: 0;}
.branch_list .branch_tab:nth-child(6):after, .branch_list .branch_tab:last-child:after {content: none;}
.branch_tab > a {display: block; font-size: 16px; color:#666;}
.branch_tab > a.active ,.branch_tab > a:hover {font-size: 18px; color:#444; font-weight: 700;}
.branch_inquiry {color:#aa43bd; font-size: 18px; font-weight: 700; margin-top: 50px; margin-bottom: 50px;}
.red_txt {color:#ff0000;}

.branch_info_box {font-size: 15px; color:#666;}
.branch_table {margin-top: 15px;}
.branch_table table {border: 1px solid #ccc;}
.branch_table table th, .branch_table table td {border-bottom: 1px solid #ccc; border-right: 1px solid #ccc;}
.branch_table table th {font-size: 16px; color:#010101; font-weight: 700; padding: 5px 20px;}
.branch_table table td {font-size: 15px; color:#666; padding: 5px 20px;}
.branch_table table td.branch {color:#001fff;}
.branch_table table td:last-child {text-align: left;}

.branch_info_box {display: none;}
.branch_info_box.current {display: block;}

/*footer*/
footer {padding: 30px 0; background: #efefef; position: relative; width: 100%; }
.footer {width: 1200px; margin: 0 auto; }
.footer > div {font-size: 13px; color:#000; margin-bottom: 3px; font-weight: 500;}
.footer > div:last-child {margin-bottom: 0;}
.footer > div em {display: inline-block; margin-right: 40px;}
.footer > div em:last-child {margin-right: 0;}