@charset "utf-8";

@import url(layout.css);
@import url(/Lib/bxslider-4-master/css/jquery.bxslider.css);

.carousel, .carousel li, .user_guide li, .cummunity_list li, .bg_main_sec03 .main_sec>div, .notice a {
    float: left;
}
.bg_main_sec02 .offset_right, .notice_area .offset_right {
    position: absolute;
    top: 0;
    right: 0;
}
.main_sec .bx-wrapper .bx-prev, .main_sec .bx-wrapper .bx-next, .bg_main_sec01 .ico_kakao, .user_guide i:after, .cummunity_list a i:after {
    background: url(/Images/ico.png) no-repeat;
}
body * {
    font-family: "Nanum Barun Gothic", "NanumBarunGothic", sans-serif;
}
div strong {
    font-weight: bold;
}
.main_sec {
    width: 1260px;
    margin: auto;
}
.main_sec:after,
.bg_main_sec03:after {
	content: "";
	clear: both;
	display: block;
}
.main_sec .bx-wrapper .bx-prev, .main_sec .bx-wrapper .bx-next {
    width: 20px;
    height: 32px;
	top: 78px;
	margin-top: 0;
}
.main_sec .bx-wrapper .bx-prev {
    left: -55px;
    background-position: -300px 0;
}
.main_sec .bx-wrapper .bx-next {
    right: -55px;
    background-position: -350px 0;
}
.main_sec a {
    text-decoration: none;
}
.tit_h2 {
    text-align: center;
    font-size: 40px;
    font-weight: bold;
    line-height: 1;
    letter-spacing: -1px;
    color: #262626;
    margin-bottom: 40px;
}
.tit_h2:after {
    content: "";
    display: block;
    width: 80px;
    height: 5px;
    background: #000;
    margin: 15px auto;
}
.bx-wrapper {
    border: 0;
    box-shadow: none;
}
.visual_wrap {
    height: 913px;
    position: relative;
    overflow: hidden;
    margin-bottom: 90px;
}
.visual_wrap .bx-wrapper {
    position: absolute;
    left: 50%;
    margin: 0 0 0 -828px;
    width: 1656px;
    max-width: 1656px !important;
    height: 913px;
}
.visual_wrap .bx-wrapper .bx-pager {
    width: 1260px;
    margin: auto;
    width: 1210px;
    padding: 0 25px;
    text-align: left;
}
.visual_wrap .bx-controls {
    position: absolute;
    bottom: 50px;
    left: 50%;
    margin-left: -630px;
    width: 1260px;
    text-align: left;
}
.visual_wrap .bx-controls .bx-pager-item a {
    background-color: transparent;
    border: 2px solid #fff;
    border-radius: 50%}
.visual_wrap .bx-controls .bx-pager-item a.active {
    background-color: #fff;
}
.visual li {
    position: relative;
}
.visual .slogan {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1260px;
    margin-top: -160px;
    margin-left: -630px;
}
.visual .slogan p {
    font-size: 18px;
    line-height: 80px;
    letter-spacing: -1px;
    color: #fff;
}
.visual .slogan .text_big {
    font-size: 70px;
}
.carousel {
    margin: 0 0 80px -10px;
}
.carousel li {
    margin-left: 10px;
}
.carousel .thum {
    margin-bottom: 35px;
}
.carousel .tit_h3 {
    font-size: 19px;
    font-weight: bold;
    letter-spacing: -1px;
    color: #292a2e;
	margin-bottom:10px
}
.carousel p {
    font-size: 15px;
    line-height: 25px;
    color: #292a2e;
    margin-bottom: 20px;
}
.bg_main_sec01 {
    height: 509px;
    padding-top: 65px;
    background: url(../Images/main/bg01.jpg) no-repeat center top;
}
.bg_main_sec01 .tit_h2 {
    text-align: left;
    margin-bottom: 25px;
}
.bg_main_sec01 .tit_h2:after {
    display: none;
}
.bg_main_sec01 p {
    font-size: 18px;
    line-height: 25px;
    letter-spacing: -1px;
    color: #333;
    margin-bottom: 20px;
    position: relative;
}
.bg_main_sec01 .ico_kakao {
    position: absolute;
    bottom: 0;
    display: inline-block;
	text-indent: -999px;
	font-size: 0;
    width: 105px;
    height: 100px;
    background-position: -100px -400px;
}
.bg_main_sec01 .tel {
    margin-bottom: 80px;
}
.user_guide li {
    width: 142px;
    margin-right: 30px;
    text-align: center;
}
.user_guide a {
    display: block;
    font-size: 17px;
    line-height: 27px;
    letter-spacing: -1px;
    color: #333;
}
.user_guide a:hover i {
    background-color: #eeb139;
}
.user_guide a:hover .ico_doc:after {
    background-position: 0 -200px;
}
.user_guide a:hover .ico_step:after {
    background-position: -100px -200px;
}
.user_guide a:hover .ico_progress:after {
    background-position: -199px -200px;
}
.user_guide a:hover .ico_around:after {
    background-position: -300px -200px;
}
.user_guide a:hover .ico_print:after {
    background-position: -400px -200px;
}
.user_guide a:hover .ico_location:after {
    background-position: -500px -200px;
}
.user_guide i {
    display: block;
    width: 140px;
    height: 140px;
    border-radius: 50%;
    background: #fff;
    margin-bottom: 10px;
    position: relative;
    transition: all .2s ease-in-out;
}
.user_guide i:after {
    display: inline-block;
    content: ""}
.user_guide .ico_doc:after {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -25px;
    margin-left: -37px;
    width: 74px;
    height: 50px;
    background-position: 0 -100px;
}
.user_guide .ico_step:after {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -27.5px;
    margin-left: -21px;
    width: 42px;
    height: 55px;
    background-position: -100px -100px;
}
.user_guide .ico_progress:after {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -35px;
    margin-left: -21px;
    width: 42px;
    height: 70px;
    background-position: -199px -100px;
}
.user_guide .ico_around:after {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -25px;
    margin-left: -32px;
    width: 64px;
    height: 50px;
    background-position: -300px -100px;
}
.user_guide .ico_print:after {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -27px;
    margin-left: -26px;
    width: 52px;
    height: 54px;
    background-position: -400px -100px;
}
.user_guide .ico_location:after {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -30px;
    margin-left: -26px;
    width: 52px;
    height: 60px;
    background-position: -500px -100px;
}
.bg_main_sec02 {
    padding-top: 100px;
    height: 261px;
    background: url(../Images/main/bg02.jpg) no-repeat center top;
}
.bg_main_sec02 .main_sec {
    position: relative;
}
.bg_main_sec02 .offset_right {
    top: -30px;
    text-align: right;
}
.bg_main_sec02 .offset_right p {
    font-size: 17px;
    line-height: 23px;
    letter-spacing: -1px;
    margin-bottom: 75px;
}
.bg_main_sec02 .tit_h2 {
    text-align: right;
    margin-bottom: 10px;
}
.bg_main_sec02 .tit_h2:after {
    display: none;
}
.cummunity_list {
    width: 776px;
    margin: auto;
}
.cummunity_list li {
    margin-left: 80px;
    text-align: center;
}
.cummunity_list li:first-child {
    margin-left: 0;
}
.cummunity_list a {
    display: block;
    font-size: 18px;
    line-height: 28px;
    color: #000;
}
.cummunity_list a:hover i {
    background-color: rgba(255, 249, 215, 0.7);
}
.cummunity_list a i {
    display: block;
    width: 134px;
    height: 134px;
    background: #fff9d7;
    border-radius: 50%;
    margin-bottom: 25px;
    position: relative;
    transition: all .2s ease-in-out;
}
.cummunity_list a i:after {
    display: inline-block;
    content: ""}
.cummunity_list a .ico_book:after {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -20px;
    margin-left: -26px;
    width: 52px;
    height: 40px;
    background-position: 0 -300px;
}
.cummunity_list a .ico_camera:after {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -22px;
    margin-left: -28px;
    width: 56px;
    height: 44px;
    background-position: -100px -300px;
}
.cummunity_list a .ico_talkbubble:after {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -26px;
    margin-left: -28px;
    width: 56px;
    height: 52px;
    background-position: -200px -300px;
}
.cummunity_list a .ico_monitor:after {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -23px;
    margin-left: -27px;
    width: 54px;
    height: 46px;
    background-position: -300px -300px;
}
.bg_main_sec03 {
    padding-top: 230px;
    margin-bottom: 140px;
    background: url(../Images/main/bg03.jpg) no-repeat center top;
}
.bg_main_sec03 .tit_h2:after {
    background-color: #fff;
}
.bg_main_sec03 .main_sec {
    background: #fff;
    width: 1200px;
    padding: 75px 30px 0;
}
.notice_area {
    position: relative;
    width: 482px;
}
.notice_area h3 {
    margin-bottom: 15px;
}
.notice_area .offset_right {
    right: 10px;
}
.notice_area .offset_right:before {
    display: inline-block;
    width: 58px;
    height: 2px;
    background: #333;
    vertical-align: middle;
    margin-right: 5px;
    content: ""}
.notice li {
    border-top: 1px solid #cfcfcf;
    position: relative;
    line-height: 45px;
    letter-spacing: -1px;
    color: #333;
}
.notice li:first-child {
    border-top: 0;
}
.notice a {
    display: -webkit-box;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    width: 376px;
    font-size: 16px;
    color: #333;
    padding: 0 15px;
}
.notice a:before {
    position: absolute;
    top: 50%;
    left: 5px;
    margin-top: -2px;
    display: inline-block;
    width: 3px;
    height: 3px;
    background: #333;
    border-radius: 50%;
    content: ""}
.notice .date {
    display: inline-block;
    width: 76px;
    font-size: 14px;
}
.reserve_area {
    margin-left: 70px;
}
.reserve_area a:hover {
    opacity: .95;
}
.cs_area {
    margin-left: 48px;
}
.cs_area h3 {
    margin: 0 0 20px -12px;
}
.cs_area .tel {
    margin-bottom: 20px;
}
.cs_area .time_table .th, .cs_area .time_table .td {
    line-height: 25px;
    color: #333;
}
.cs_area .time_table .th {
    font-size: 14px;
}
.cs_area .time_table .td {
    font-size: 15px;
    padding-left: 16px;
}