@charset "utf-8";


.bx-wrapper {
    position: relative;
    margin: 0 auto;
    padding: 0;
}

.bx-wrapper .bx-viewport {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0px solid #fff;
    left: 0px;
    background: none;
    -webkit-transform: translatez(0);
    -moz-transform: translatez(0);
    -ms-transform: translatez(0);
    -o-transform: translatez(0);
    transform: translatez(0);
}

.banner_wrap {
    position: relative;
    width: 100%;
}

.banner_wrap .bx-wrapper .bx-controls-direction a {
    top: 35%;
    margin-top: -16px;
    width: 2.15em;
    height: 4.7em;
    background-size: contain;
    z-index: 65;
}

.banner_wrap .bx-wrapper .bx-prev {
    left: 0px;
    background: url(../images/slide-prev.png);
}

.banner_wrap .bx-wrapper .bx-next {
    right: 0px;
    background: url(../images/slide-next.png);
}

.banner_wrap > .bx-wrapper > .bx-controls > .bx-pager {
    bottom: 10px;
    padding-top: 0;
}

.banner_wrap .bx-pager-item {
    vertical-align: top;
}

.banner_wrap .bx-pager-item > a {
    border: 1px solid #fff;
    background: transparent;
    box-sizing: border-box;
}

.banner_wrap .bx-wrapper .bx-pager.bx-default-pager a.active {
    border: none;
    width: 20px;
    height: 9px;
    background: url(../images/pager_on.png) no-repeat left top;
    background-size: 100%;
}

.area_main_menu {
    width: 88%;
    margin: 5% 6%;
}

.main_menu_list {
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
}

.main_menu_list > li {
    width: 33.333%;
}

.main_menu_list > li.mb {
    margin-bottom: 10px;
}

.main_menu_list > li > a {
    font-size: 1.2em;
    height: 85px;
    font-weight: bold;
    display: block;
    text-align: center;
    box-sizing: border-box;
    padding-top: 65px;
}

.main_menu_list > li:nth-of-type(1) > a {
    background: url(../images/sec01_icon01.png) no-repeat top center;
    background-size: 50%;
}

.main_menu_list > li:nth-of-type(2) > a {
    background: url(../images/sec01_icon02.png) no-repeat top center;
    background-size: 50%;
}

.main_menu_list > li:nth-of-type(3) > a {
    background: url(../images/sec01_icon03.png) no-repeat top center;
    background-size: 50%;
}

.main_menu_list > li:nth-of-type(4) > a {
    background: url(../images/sec01_icon04.png) no-repeat top center;
    background-size: 50%;
}

.main_menu_list > li:nth-of-type(5) > a {
    background: url(../images/sec01_icon05.png) no-repeat top center;
    background-size: 50%;
}

.main_menu_list > li:nth-of-type(6) > a {
    background: url(../images/sec01_icon06.png) no-repeat top center;
    background-size: 50%;
}


.ps_wrap {
    background: #f5f5f5;
    padding-top: 13px;
}

.area_sec_title {
    position: relative;
}

.area_ps {
    position: relative;
    width: 88%;
    margin: 0 6%;
    padding-bottom:14%;
}

.sec_title {
    text-align: center;
    font-size: 1.5em;
    font-weight: bold;
    padding-top: 6px;
}

.sec_title > span {
    font-weight: 400;
}

.stb {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -13px;
    display: block;
    text-indent: -9999em;
    width: 26px;
    height: 1px;
    background: url(../images/title_bar.gif) no-repeat top center;
}


.sec02_slide_wrap {
    position: relative;
    margin-top: 15px;
}

.sec02_slide_wrap:after {
    content: '';
    display: block;
    clear: both;
}

.sec02_slide_wrap > div {
    float: left;
    width: 48%;
    margin-right: 4%;
    overflow: hidden;
}

.sec02_slide_wrap > div.area_sec02_slide02 {
    margin-right: 0;
}

.sec02_slide_list {
    position: relative;
    width: 300%;
    margin-left: -100%;
    left:0;
}

.sec02_slide_list:after {
    content: '';
    display: block;
    clear: both;
}

.sec02_slide_list > li {
    float: left;
    width: 33.333%;
}

.sec02_ibox {
     height:110px;
    width: 100%;
        overflow: hidden;
}

.sec02_ibox > img {
    width: 100%;
    min-height:110px;
    height: auto;
}

.sec02_tbox {
    box-sizing: border-box;
    padding: 5% 3% 4% 4%;
    height: 85px;
    width: 100%;
    background: #fff;
}

.sec02_tbox_title {
    color: #444;
    font-size: 1.2em;
    font-weight: bold;
}

.sec02_tbox > p {
    color: #555;
    margin-top: 6px;
    height: 42px;
    overflow: hidden;
}

.area_sec02_btn > a {
    position: absolute;
    top: 41px;
    display: block;
    text-indent: -9999em;
    width: 27px;
    height: 27px;
}

.sec02_btn_l {
    left: -12px;
    background: url(../images/slide_arrow_l.png) no-repeat left top;
    background-size: 100%;
}

.sec02_btn_r {
    right: -12px;
    background: url(../images/slide_arrow_r.png) no-repeat left top;
    background-size: 100%;
}

.sec02_more_btn > a {
    position: absolute;
    bottom: 4%;
    left: 50%;
    margin-left: -45px;
    display: block;
    color: #fff;
    background: #4b8ce0;
    text-align: center;
    border-radius: 20px;
    font-size: 1.2em;
    font-weight: bold;
    width: 90px;
    height: 27px;
    line-height: 27px;
}

.recommend_wrap {
    position: relative;
    margin-top: 23px;
}

.area_recommend {
    margin-top: 10px;
}

.recommend_list {
    border-top: 3px solid #4b8ce0;
}

.recommend_list:after {
    content: '';
    display: block;
    clear: both;
}

.recommend_list > li {
    float: left;
    box-sizing: border-box;
    width: 33.333%;
    border-bottom: 1px solid #4b8ce0;
}

.recommend_list > li:nth-of-type(1) > a {
    background: url(../images/sec03_01.jpg) no-repeat left top;
    background-size: 100%;
}

.recommend_list > li:nth-of-type(2) > a {
    background: url(../images/sec03_02.jpg) no-repeat left top;
    background-size: 100%;
}

.recommend_list > li:nth-of-type(3) > a {
    background: url(../images/sec03_03.jpg) no-repeat left top;
    background-size: 100%;
}

.recommend_list > li:nth-of-type(4) > a {
    background: url(../images/sec03_06.jpg) no-repeat left top;
    background-size: 100%;
}

.recommend_list > li:nth-of-type(5) > a {
    background: url(../images/sec03_07.jpg) no-repeat left top;
    background-size: 100%;
}

.recommend_list > li:nth-of-type(6) > a {
    background: url(../images/sec03_10.jpg) no-repeat left top;
    background-size: 100%;
}

.recommend_list > li:nth-of-type(7) > a {
    background: url(../images/sec03_04.jpg) no-repeat left top;
    background-size: 100%;
}
.recommend_list > li:nth-of-type(8) > a {
    background: url(../images/sec03_12.jpg) no-repeat left top;
    background-size: 100%;
}


.recommend_list > li.b_lr {
    border-left: 1px solid #4b8ce0;
    border-right: 1px solid #4b8ce0;
}

.recommend_list > li > a {
    display: block;
    text-align: center;
    font-size: 1.3em;
    font-weight: bold;
    height: 96px;
    padding-top: 60px;
    box-sizing: border-box;
    line-height: 1.2;
}

.recommend_list > li > a.pt_d {
    padding-top: 52px;
}




.sec03_more_btn {
    position: absolute;
    bottom: -26px;
    left: 50%;
    margin-left: -11px;
    display: block;
    text-indent: -9999em;
    width: 22px;
    height: 33px;
    background: url(../images/b_arrow.png) no-repeat left top;
    background-size: 100%;
}

.gallery_wrap {
/*
    min-height: 300px;
    height: 305px;
*/
    margin-top: 34px;
    background: url(../images/sec04_bg.jpg) no-repeat left top;
    background-size: cover;
}

.area_gallery {
    position: relative;
    margin: 0 6%;
    width: 88%;
    padding-bottom:15%;
    padding-top: 10px;
}

.sec04_slide_wrap {
    position: relative;
    margin-top: 15px;
}

.sec04_slide_wrap:after {
    content: '';
    display: block;
    clear: both;
}

.sec04_slide_wrap > div {
    float: left;
    width: 48%;
    margin-right: 4%;
    overflow: hidden;
}

.sec04_slide_wrap > div.area_sec04_slide02 {
    margin-right: 0;
}

.sec04_slide_list {
    position: relative;
    width: 300%;
    margin-left: -100%;
}

.sec04_slide_list:after {
    content: '';
    display: block;
    clear: both;
}

.sec04_slide_list > li {
    float: left;
    width: 33.333%;
}

.sec04_ibox {
/*    height: 110px;*/
    width: 100%;
/*    overflow: hidden;*/
}

.sec04_ibox > img {
    width: 100%;
    height: auto;
}

.sec04_tbox {
    box-sizing: border-box;
    padding: 5% 3% 4% 4%;
    height: 85px;
    width: 100%;
    background: #fff;
}

.sec04_tbox_title {
    color: #444;
    font-size: 1.2em;
    font-weight: bold;
}

.sec04_tbox > p {
    color: #555;
    margin-top: 6px;
    height: 42px;
    overflow: hidden;
}

.area_sec04_btn > a {
    position: absolute;
    top: 41px;
    display: block;
    text-indent: -9999em;
    width: 27px;
    height: 27px;
}

.sec04_btn_l {
    left: -12px;
    background: url(../images/slide_arrow_l.png) no-repeat left top;
    background-size: 100%;
}

.sec04_btn_r {
    right: -12px;
    background: url(../images/slide_arrow_r.png) no-repeat left top;
    background-size: 100%;
}

.sec04_more_btn > a {
    position: absolute;
    bottom: 5%;
    left: 50%;
    margin-left: -45px;
    display: block;
    color: #fff;
    background: #4b8ce0;
    text-align: center;
    border-radius: 20px;
    font-size: 1.2em;
    font-weight: bold;
    width: 90px;
    height: 27px;
    line-height: 27px;
}

.article_wrap {
    position: relative;
    top: -25px;
}

.article_wrap img {
    width: 100%;
    height: auto;
}

.area_news {
    position: relative;
    box-sizing: border-box;
    padding: 5% 3%;
    margin: 0 3%;
    border: 1px solid #ddd;
}

.news_title {
    font-size: 1.6em;
    font-weight: bold;
    padding-top: 8px;
    color: #444;
}

.area_news .stb {
    position: absolute;
    top: 0;
    left: 4%;
    display: block;
    text-indent: -9999em;
    width: 26px;
    height: 1px;
    background: url(../images/title_bar.gif) no-repeat top left;
}

.news_list {
    margin-top: 8px;
}

.news_list > li {
    position: relative;
    background: url(../images/new_list_deco.gif) no-repeat left center;
    background-size: 1px;
    padding-left: 5px;
    margin-bottom: 6px;
}

.news_list > li:last-child {
    margin: 0;
}

.news_list > li > a {
    color: #545454;
    font-size: 1.1em;
    width:75%;
}

.news_day {
    position: absolute;
    right: 0;
    top: 0;
}

.area_news .news_more_btn {
    position: absolute;
    top: 26px;
    right: 10px;
    display: block;
    text-indent: -9999em;
    background: url(../images/news_btn.png) no-repeat left top;
    background-size: 100%;
    width: 15px;
    height: 15px;
}


.area_quick_social {
    margin: 0 3%;
}

.area_quick_icon {
    background: #4b8ce0;
}

.quick_icon_list:after {
    content: '';
    display: block;
    clear: both;
}

.quick_icon_list > li {
    float: left;
    width: 25%;
}

.quick_icon_list > li > a {
    display: block;
    color: #fff;
    font-size: 1.2em;
    font-weight: bold;
    height: 94px;
    box-sizing: border-box;
    text-align: center;
    padding-top: 58px;
    line-height: 1.2;
}

.quick_icon_list > li:nth-of-type(1) > a {
    background: url(../images/icon01.png) no-repeat top 7px center;
    background-size: 44px;
}

.quick_icon_list > li:nth-of-type(2) > a {
    background: url(../images/icon02.png) no-repeat top 7px center;
    background-size: 44px;
}

.quick_icon_list > li:nth-of-type(3) > a {
    background: url(../images/icon03.png) no-repeat top 7px center;
    background-size: 44px;
}

.quick_icon_list > li:nth-of-type(4) > a {
    background: url(../images/icon04.png) no-repeat top 7px center;
    background-size: 44px;
}

.area_social {
    padding: 6% 0;
}

.social_list {
    position: relative;
}

.social_list:after {
    content: '';
    display: block;
    clear: both;
}

.social_list > li {
    float: left;
    width:17%;
}

.social_list > li:nth-of-type(1) {
    margin-right:3%;
}

.social_list > li:nth-of-type(3) {
    position: absolute;
    right: 0;
    top: 0;
    width:55%;
}

.social_list > li > a {
    display: block;
    text-indent: -9999em;
}

.social_blog {
    min-height: 60px;
    background: url(../images/icon_nb.png)no-repeat left top;
    background-size: 100%;
}

.social_fb {
    min-height: 60px;
    background: url(../images/icon_fb.png)no-repeat left top;
    background-size: 100%;
}

.social_kakao {
    min-height: 60px;
    background: url(../images/icon_kakao.png)no-repeat left top;
    background-size: 100%;
}

.address_wrap {

    background: #f5f5f5;
}

.area_address {
    margin: 0 6%;

}

.area_address:after {
    content: '';
    display: block;
    clear: both;
}

.area_address > div {
    position: relative;
    float: left;
    padding: 24px 0 16px 15px;
}

.area_address > div.add_l {
    width: 40%;
    padding-left: 0;
}

.area_address > div.add_r {
    width: 60%;
    box-sizing: border-box;
    background: url(../images/cs_bg_bar.png) no-repeat left top 20px;
}

.add_l > h2 {
    font-size: 1.4em;
    font-weight: bold;
    color: #444;
    padding-top: 5px;
    margin-bottom: 2px;
}

.stb2 {
    position: absolute;
    top: 24px;
    left: 0;
    display: block;
    text-indent: -9999em;
    width: 26px;
    height: 1px;
    background: url(../images/title_bar.gif) no-repeat top left;
}

.number {
    font-size: 1.7em;
    font-weight: 900;
    color: #444;
}

.add_r > p {
    color: #555;
    margin-bottom: 2px;
}

.add_r > p:last-child {
    margin: 0;
}

.add_r > p > span {
    color: #555;
    font-weight: bold;
}

.add_r > p > span.pl {
    font-weight: normal;
    padding-left: 38px;
}

.area_map {
    width: 100%;
}

.root_daum_roughmap {
    width: 100% !important;
}

.wrap_controllers {
    display: none;
}