@charset "utf-8"; body {
    height: 100%;
}

#wrap {
    position: relative;
    width: 100%;
    padding-bottom: 220px;
    height: 100%;
    min-width: 1200px;
}

body.sub01 {
    background: url('../images/common/bg_sub_01.png') no-repeat 50% -25% ;
}

body.sub02 {
    background: url('../images/common/bg_sub_02.png') no-repeat 50% -25% ;
}

body.sub03 {
    background: url('../images/common/bg_sub_03.png') no-repeat 50% -25% ;
}

body.sub04 {
    background: url('../images/common/bg_sub_04.png') no-repeat 50% -25% ;
}

#container {
    position: relative;
    width: 1200px;
    margin: 0 auto;
    background: #fff;
    overflow: hidden;
    margin-top: 120px;
}

/* header */
/*#header{position:relative;z-index:1000;height:131px;padding:167px 0 0}
#header .logo{position:absolute;top:61px;left:50%;margin-left:-184px;font-size:0;line-height:0}
#header .logo a{display:block;width:367px;height:67px;background: url('../images/main/logo.png') no-repeat;text-decoration:none;}*/
#header .header_in {
    position: relative;
    width: 1200px;
    margin: 0 auto;
    height: 70px;
    background: #fff;
}

#header .header_in:after {
    content: "";
    display: block;
    clear: both;
}

#header .util {
    width: 284px;
    position: absolute;
    top: 0;
    right: 0;
    height: 70px;
    overflow: hidden;
}

#header .util a {
    position: relative;
    display: block;
    float: left;
    width: 72px;
    height: 70px;
    background: #c39965;
    line-height: 70px;
    color: #fff;
    font-size: 17px;
    text-align: center;
    font-weight: bold;
}

#header .util a:hover {
    text-decoration: none;
}

#header .util a:first-child {
    width: 110px;
    background: #c39965;
    padding-left: 30px;
    background: #7c1216;
    text-align: center;
    font-size: 15px;
}

#header .util a:first-child:after {
    content: "";
    display: block;
    position: absolute;
    top: 24px;
    left: 19px;
    height: 22px;
    width: 22px;
    background: url('../images/common/ico.png') no-repeat 0 0;
}

#header .util a:last-child {
    background: #34394c;
    font-size: 0;
}

#header .util a:last-child:after {
    content: "";
    display: block;
    position: absolute;
    top: 23px;
    left: 25px;
    height: 25px;
    width: 25px;
    background: url('../images/common/ico.png') no-repeat -50px 0;
}

#gnb {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    height: 70px;
}

#gnb .depth1 {
    padding: 0 0 0 23px;
}

#gnb .depth1:after {
    content: "";
    display: block;
    clear: both;
}

#gnb .t {
    float: left;
    width: auto;
}

#gnb .t .t1 {
    display: block;
    padding: 23px 23px;
    font-size: 20px;
    font-weight: bold;
    color: #404040;
    letter-spacing: -1px;
}

#gnb .t .t1:hover {
    text-decoration: none;
}

#gnb .t strong {
    display: block;
    height: 44px;
    width: 159px;
    line-height: 44px;
    margin-bottom: 10px;
    border: 1px solid #9f9f9f;
    color: #fff;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
}

#gnb .submenu {
    display: none;
    position: absolute;
    left: 20px;
    top: 70px;
    width: 161px;
    padding: 24px 0 0;
    z-index: 2;
}

#gnb .submenu > ul {
    padding-left: 39px;
}

#gnb .submenu > ul > li {
    vertical-align: top;
    padding: 8px 0 0;
}

#gnb .submenu > ul > li > a {
    display: block;
    font-size: 16px;
    line-height: 1.5;
    color: #fff;
    letter-spacing: -1px;
}

#gnb .submenu > ul > li > a:hover,#gnb .submenu > li > a:focus {
    color: #fff;
    text-decoration: none;
}

#gnb .submenu li ul {
    padding: 7px 0 10px;
}

#gnb .submenu li li a {
    display: inline-block;
    padding: 0 0 0 14px;
    font-size: 14px;
    line-height: 1.57;
    color: #c3c3c3;
    background: url('../images/common/bul_gnb.png') no-repeat 3px 8px;
}

#gnb .submenu li li a:hover {
    color: #ecba7c
}

#gnb .m2 .submenu {
    left: 187px;
    width: 180px;
}

#gnb .m3 .submenu {
    left: 354px;
}

#gnb .m4 .submenu {
    left: 521px;
}

#gnb .m5 .submenu {
    left: 688px;
}

#gnb .m6 .submenu {
    left: 855px;
}

#gnb .m7 .submenu {
    left: 1022px;
}

#gnb .m2 .submenu > ul {
    padding-left: 15px;
}

#gnb .m3 .submenu > ul {
    padding-left: 15px;
}

#gnb .m4 .submenu > ul {
    padding-left: 52px;
}

#gnb .m5 .submenu > ul {
    padding-left: 15px;
}

#gnb .m6 .submenu > ul {
    padding-left: 45px;
}

#gnb .m7 .submenu > ul {
    padding-left: 32px;
}

#gnb:after {
    /*transform: translate3d(0px, 0, 0); transition-duration: 0.3s;*/
    position: absolute;
    left: 0;
    top: 70px;
    z-index: 10;
    width: 1200px;
    height: 0;
    z-index: -1;
    background: #3e3e3e;
}

#gnb.open:after {
    content: '';
    height: 1000px;
    /*transition: all .3s ease;transform: translate3d(0px, 56px, 0); transition-duration: 0.5s;*/
    z-index: -1;
}

#gnb.open {
    height: 950px;
}

.digital_box {
    display: none;
    position: absolute;
    left: 0;
    top: 68px;
    z-index: 10;
    height: 860px;
    width: 1200px;
    background: url('../images/common/bh_digital.png') no-repeat 0 0;
    text-align: center;
}

.digital_box h2 {
    font-size: 38px;
    font-family: 'Nanum Myeongjo';
    letter-spacing: -1px;
    padding: 40px 0 28px;
    line-height: 1.2;
    color: #fff;
}

.digital_box ul {
    padding: 0 0 0 60px;
    overflow: hidden
}

.digital_box li {
    float: left;
    width: 166px;
    height: 186px;
    margin-right: 16px;
}

.digital_box li a {
    color: #fff;
    font-size: 17px;
    line-height: 1.29;
}

.digital_box li img {
    vertical-align: top;
    margin-bottom: 10px;
}

.digital_box .btn_close {
    position: absolute;
    right: 30px;
    top: 30px;
    z-index: 10;
    height: 26px;
    width: 25px;
    font-size: 0;
    background: url('../images/common/btn_d_close.png') no-repeat 0 0;
}

.digital_box .btn_close a {
    display: block;
    height: 26px;
    width: 25px;
    font-size: 0;
}

.top_search_box {
    display: none;
    position: absolute;
    left: 0;
    top: 70px;
    z-index: 10;
    height: 57px;
    width: 1200px;
    background: #34394c;
    text-align: center;
    padding: 13px 0 0;
}

.top_search_box .inp_ty1 {
    background: #34394c;
    border: none;
    border-bottom: 1px solid #717582;
    width: 500px;
    height: 44px;
    line-height: 44px;
    color: #c9cacd;
    font-size: 18px;
    margin-left: 25px;
}

.top_search_box .frm_select .view_select {
    border-color: #34394c;
}

.top_search_box span.select2-container--default .select2-selection--single {
    border-radius: 0;
    border: 1px solid #34394c;
    background: #34394c;
}

.top_search_box .select2 {
    text-align: left;
}

.top_search_box span.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #fff;
    font-size: 20px;
}

.top_search_box span.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #fff transparent transparent;
}

.top_search_box .search {
    margin-left: -4px;
    border: none;
    border-bottom: 1px solid #717582;
    width: 40px;
    height: 44px;
    padding: 0;
    background: url('../images/common/btn_search.png') no-repeat 5px 50%;
    font-size: 0;
}

.top_search_box .btn_close {
    position: absolute;
    right: 0;
    top: -70px;
    z-index: 10;
    height: 70px;
    width: 72px;
    font-size: 0;
    background: #34394c url('../images/common/btn_d_close.png') no-repeat 50% 50%;
}

.top_search_box .btn_close a {
    display: block;
    height: 70px;
    width: 72px;
    font-size: 0;
}

/* sidebar */
#sidebar {
    position: relative;
    float: left;
    width: 250px;
    padding-bottom: 30px;
}

#sidebar h2 {
    background: #34394c;
    height: 160px;
    line-height: 160px;
    font-size: 32px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    letter-spacing: -1px;
}

#lnb {
    padding: 10px 0 0;
    position: relative;
}

#lnb li {
    position: relative;
}

#lnb > ul > li {
    padding: 0 0 04px;
}

#lnb > ul > li > a {
    display: block;
    padding: 13px 27px 13px 20px;
    min-height: 25px;
    line-height: 1.5;
    font-size: 17px;
    color: #636363;
    border: 1px solid #dbdbdb;
}

#lnb > ul > li > a:after {
    content: "";
    display: block;
    position: absolute;
    top: 18px;
    right: 17px;
    height: 14px;
    width: 14px;
    background: url('../images/common/ico.png') no-repeat -150px 0;
}

#lnb > ul > li.on > a, #lnb > ul > li > a:hover {
    color: #fff;
    background: #c39965;
    border-color: #c39965;
    text-decoration: none;
}

#lnb > ul > li.on > a:after, #lnb > ul > li > a:hover:after {
    content: "";
    display: block;
    position: absolute;
    top: 18px;
    right: 17px;
    height: 14px;
    width: 14px;
    background: url('../images/common/ico.png') no-repeat -100px 0;
}

#lnb ul ul {
    display: none;
    padding: 10px 0;
    background: #f8f8f8;
}

#lnb li li a {
    display: block;
    position: relative;
    padding: 2px 0 1px 34px;
    font-size: 14px;
    color: #636363;
}

#lnb li li a:after {
    content: "";
    display: block;
    position: absolute;
    top: 10px;
    left: 20px;
    height: 5px;
    width: 5px;
    background: url('../images/common/ico.png') no-repeat -200px 0;
}

#lnb li li.on a {
    text-decoration: underline;
}

#lnb li li.blank a {
    background: url('../images/common/bg_link.png') no-repeat 220px 50% ;
}

/* contents */
#contents {
    position: relative;
    float: right;
    width: 850px;
    padding: 0 50px 55px 0;
    min-height: 700px;
}

#contents .sub_title {
    height: 46px;
    font-size: 34px;
    color: #000;
    padding: 45px 0 0;
    line-height: 1.3;
}

#contents .location {
    margin: 6px 0 40px;
    height: 63px;
    background: url('../images/common/bg_bar.png') no-repeat 0 100% ;
}

#contents .location span {
    font-size: 15px;
    color: #727272;
}

#contents .location span:first-child:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 16px;
    font-size: 0;
    background: url('../images/common/bul_home.png') no-repeat 0 0;
    vertical-align: -3px;
}

#contents .location span:nth-child(even) {
    display: inline-block;
    width: 15px;
    height: 10px;
    font-size: 0;
    background: url('../images/common/bg_arrow.png') no-repeat 50% 0;
    vertical-align: middle;
}

#contents .location strong {
    color: #000;
}

#contents .cnt_link {
    position: absolute;
    right: 50px;
    top: 65px;
    text-align: center;
}

#contents .cnt_link span {
    display: inline-block;
    vertical-align: middle;
}

#contents .cnt_link a {
    font-size: 0;
    display: block;
    height: 100%;
}

#contents .cnt_link .font1 {
    width: 26px;
    height: 26px;
    background: url('../images/common/btn_plus.png') no-repeat 0 0;
    margin-left: -2px;
}

#contents .cnt_link .font2 {
    width: 26px;
    height: 26px;
    background: url('../images/common/btn_minus.png') no-repeat 0 0;
    margin-left: -2px;
}

#contents .cnt_link .font3 {
    width: 26px;
    height: 26px;
    background: url('../images/common/btn_size.png') no-repeat 0 0;
    margin-left: -2px;
}

#contents .cnt_link .print {
    width: 28px;
    height: 28px;
    background: url('../images/common/btn_print.png') no-repeat 0 0;
    margin-left: 1px;
}

#contents .cnt_link .sns1 {
    width: 28px;
    height: 28px;
    background: url('../images/common/btn_facebook.png') no-repeat 0 0;
    margin-left: 7px;
}

#contents .cnt_link .sns2 {
    width: 28px;
    height: 28px;
    background: url('../images/common/btn_blog.png') no-repeat 0 0;
    margin-left: 1px;
}

#contents .person_box {
    position: relative;
    margin-top: 110px;
    border: 1px solid #e1e1e1;
    height: 54px;
    background: #fff;
}

#contents .person_box:after {
    content: "";
    display: block;
    ;position: absolute;
    top: 55px;
    left: 0;
    height: 3px;
    width: 100%;
    background: #f1f1f1;
}

#contents .person_box h2 {
    display: inline-block;
    vertical-align: top;
    width: 92px;
    border-right: 1px solid #e1e1e1;
    padding: 0 0 0 30px !important;
    height: 54px;
    line-height: 54px;
    font-size: 16px;
    color: #343434;
    background: url('../images/common/bg_info.png') no-repeat 25px 19px;
    background-position:10px 19px !important;
}

#contents .person_box p {
    display: inline-block;
    vertical-align: top;
    width: auto;
    padding: 0 0 0 45px;
    height: 54px;
    line-height: 54px;
    font-size: 16px;
    color: #343434;
    background: url('../images/common/bul_03.png') no-repeat 33px 50%;
}

#contents .person_box .top {
    position: absolute;
    right: 0;
    top: 0;
    text-align: center;
    width: 69px;
    padding-right: 9px;
    font-size: 14px;
    color: #01326a;
    height: 54px;
    line-height: 54px;
    background: #f7f7f7 url('../images/common/bg_top.png') no-repeat 53px 50%;
    border-left: 1px solid #e1e1e1;
}

#contents .person_box .top:hover {
    text-decoration: none;
}

/* contents -> MAIN_GALLERY (2025-08-21 add) */
#contents .tbl_view {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
}

#contents .tbl_view td, #contents .tbl_view th {
    word-break: break-word;
    overflow-wrap: break-word;
}

#contents img {
    max-width: 100%;
    height: auto;
}

/* footer */
#footer {
    /* position:absolute; */
    left: 0;
    bottom: 0;
    width: 100%;
    height: 220px;
    margin: 0;
    background: #40404a
}

#footer .footer_menu {
    width: 1200px;
    margin: 0 auto;
    padding: 21px 0;
    border-bottom: 1px solid #32353c;
}

#footer .footer_menu li {
    display: inline-block;
    width: auto;
    margin-right: 31px;
}

#footer .footer_menu a {
    display: inline-block;
    width: auto;
    font-size: 16px;
    color: #cfd0d5;
    font-weight: bold;
    height: 37px;
    line-height: 37px;
}

#footer .footer_menu li:nth-child(2) a:before {
    content: "";
    display: inline-block;
    height: 16px;
    width: 20px;
    background: url('../images/common/ico.png') no-repeat 0 -50px;
    vertical-align: -2px;
}

#footer .footer_menu li:nth-child(3) a:before {
    content: "";
    display: inline-block;
    height: 14px;
    width: 19px;
    background: url('../images/common/ico.png') no-repeat -50px -50px;
    vertical-align: -2px;
}

#footer .footer_menu li:nth-child(4) a:before {
    content: "";
    display: inline-block;
    height: 13px;
    width: 18px;
    background: url('../images/common/ico.png') no-repeat -100px -50px;
    vertical-align: -1px;
}

#footer .footer_menu a:hover {
    text-decoration: none;
}

#footer .footer_in {
    position: relative;
    width: 1200px;
    margin: 0 auto;
    background: url('../images/main/footer_logo.png') no-repeat 0 37px
}

#footer .footer_site {
    position: absolute;
    right: 0;
    top: -58px;
    width: 460px;
    text-align: right;
}

#footer .familysite {
    position: relative;
    margin: 0 0 0 4px;
    width: 217px;
    z-index: 100;
    display: inline-block;
    text-align: left;
}

#footer .familysite .my_value {
    position: relative;
    left: 0;
    top: 0;
    z-index: 2;
    width: 217px;
    margin: 0;
    padding: 0;
    line-height: 37px;
    height: 37px;
    color: #fff;
    text-align: left;
    background: #323338;
    text-indent: 25px;
    font-size: 14px;
    border-radius: 3px;
}

#footer .familysite .my_value:after {
    content: "";
    display: block;
    position: absolute;
    right: 16px;
    top: 12px;
    width: 12px;
    height: 12px;
    background: url("../images/common/ico.png") no-repeat -150px -50px;
}

#footer .familysite .my_value.familysiteed {
    font-weight: bold;
}

#footer .familysite.open .my_value,.familysite .my_value.outLine {
    border: 1px solid #999;
}

#footer .familysite ul {
    overflow: hidden;
    position: absolute;
    left: 0;
    bottom: 37px;
    width: 217px;
    list-style: none;
    border: 0;
    border-top: 1px solid #323338;
    border-bottom: 1px solid #323338;
    background: #45464e;
    text-align: left;
}

#footer .familysite ul {
    display: none;
}

#footer .familysite.open ul {
    display: block;
}

#footer .familysite li {
    overflow: hidden;
    position: relative;
    height: 38px;
    line-height: 37px;
    border-left: 1px solid #323338;
    border-right: 1px solid #323338;
    white-space: nowrap;
}

#footer .familysite li a {
    display: block;
    height: 38px;
    line-height: 37px;
    background: #45464e;
    text-decoration: none;
    text-indent: 25px;
    color: #fff;
}

#footer .familysite li.hover * {
    background: #323338;
    color: #fff;
}

#footer .sns_link {
    position: absolute;
    right: 0;
    top: 43px;
    width: 100px;
    text-align: right;
}

#footer .sns_link a {
    display: inline-block;
    margin-left: 6px;
    width: 31px;
    height: 31px;
    font-size: 0;
    background: url('../images/common/btn_f_facebook.png') no-repeat 0 0
}

#footer .sns_link a:last-child {
    display: inline-block;
    margin-left: 6px;
    width: 31px;
    height: 31px;
    font-size: 0;
    background: url('../images/common/btn_f_blog.png') no-repeat 0 0
}

#footer address {
    padding: 40px 0 0 257px;
    font-size: 15px;
    color: #b0b5bb;
}

#footer .copy {
    padding: 0 0 0 257px;
    font-size: 15px;
    color: #b0b5bb;
}

#footer .foter_wrap .footer_banner li {
    float: left;
    padding: 0 20px;
}

.short_area {
    width: 100%;
    text-align: center;
    background: #323338;
    margin-top: 30px;
}

.short_area a {
    display: block;
    padding: 18px 0;
    font-size: 17px;
    color: #fff;
}

.short_area a:hover {
    text-decoration: none;
}