@charset "euc-kr";
/* 
 * À§Á¬ ÄÁÅÙÃ÷ ¼ôÄÚµå
 *
 * widget - 1°³ ¼½¼Çº°·Î À§Á¬Á¦ÀÛ [ÃʱÞ]
 * piece_widget - ¹è³Ê4°³ÀÇ ÇѺκп¡ µ¶¸³ÀûÀ¸·Î »ç¿ëÇÏ´Â ºÎºÐÀ§Á¬ [ÃʱÞ]
* design - css ¼ôÄÚµå·Î html ÆíÁý»ó¿¡¼­ css ¼Ó¼ºÀ» ´ë½ÅÇϴ Ŭ·¡½º ¸ðÀÓ [Áß±Þ]
 * page_design - °³º°¼Ó¼º css ´Ü¼ö°¡ ¾Æ´Ñ º¹¼ö css ·Î¼­ ÄÁÅÙÃ÷Á¦ÀÛ¿¡ »ç¿ëÇÕ´Ï´Ù [°í±Þ] 
*/
/* ¼Ò¼È ¾ÆÀÌÄÜ ´ëü - ¹®ÀÚ ¾ÆÀÌÄÜÀÔ´Ï´Ù. */
/* Åõ¸í ¹è°æ¿ë*/
.sns_txt_icon_bgtransparent {
    width: 24px;
    height: 24px;
    text-align: center;
    font: 600 18px/24px "³ª´®°íµñ", "Nanum Gothic", sans-serif;
    border-radius: 3px;
    background-color: rgba(255, 255, 255, 0.8);
    vertical-align: 3px;
    display: block
}
.sns_txt_icon_bgtransparent:hover {
    background-color: rgba(255, 255, 255, 0.9);
}
.sns_txt_icon_bgtransparent a {
    color: rgba(0, 0, 0, 0.6313725490196078) !important;
}
.sns_txt_icon_bgtransparent a:hover {
    color: rgba(0, 0, 0, 0.7294117647058823) !important;
}

@media (max-width:991px) {
/* ¸ð¹ÙÀÏ °ËÁ¤¹è°æ */
.sns_txt_icon_bgtransparent {
    background-color: rgba(255, 255, 255, 1);
    vertical-align: 3px;
    display: block
}
.sns_txt_icon_bgtransparent:hover {
    background-color: #9D0B0E;
}
.sns_txt_icon_bgtransparent a {
    color: #000000 !important;
}
.sns_txt_icon_bgtransparent a:hover {
    color: #000000 !important;
}
}

/* Èò»ö¹è°æ*/
.sns_txt_icon_bgwhite {
    width: 24px;
    height: 24px;
    text-align: center;
    font: 600 18px/24px "³ª´®°íµñ", "Nanum Gothic", sans-serif;
    border-radius: 3px;
    background-color: rgb(110, 110, 110);
    vertical-align: 3px;
    display: block
}
.sns_txt_icon_bgwhite:hover {
    background-color: #434343;
}
.sns_txt_icon_bgwhite a {
    color: #ffffff !important;
}
.sns_txt_icon_bgwhite a:hover {
    color: #ffffff !important;
}

@media (max-width:991px) {
.sns_txt_icon_bgwhite {
    width: 24px;
    height: 24px;
    text-align: center;
    font: 600 18px/24px "³ª´®°íµñ", "Nanum Gothic", sans-serif;
    border-radius: 3px;
    background-color: rgb(110, 110, 110);
    vertical-align: 3px;
    display: block
}
.sns_txt_icon_bgwhite:hover {
    background-color: #434343;
}
.sns_txt_icon_bgwhite a {
    color: #ffffff !important;
}
.sns_txt_icon_bgwhite a:hover {
    color: #ffffff !important;
}
}

/* °ËÁ¤¹è°æ¿ë */

.sns_txt_icon_bgblack {
    width: 24px;
    height: 24px;
    text-align: center;
    font: 600 18px/24px "³ª´®°íµñ", "Nanum Gothic", sans-serif;
    border-radius: 3px;
    background-color: rgba(255, 255, 255, 1);
    vertical-align: 3px;
    display: block
}
.sns_txt_icon_bgblack:hover {
    background-color: #9D0B0E;
}
.sns_txt_icon_bgblack a {
    color: #000000 !important;
}
.sns_txt_icon_bgblack a:hover {
    color: #000000 !important;
}

@media (max-width:991px) {
.sns_txt_icon_bgblack {
    width: 24px;
    height: 24px;
    text-align: center;
    font: 600 18px/24px "³ª´®°íµñ", "Nanum Gothic", sans-serif;
    border-radius: 3px;
    background-color: rgba(255, 255, 255, 1);
    vertical-align: 3px;
    display: block
}
.sns_txt_icon_bgblack:hover {
    background-color: #9D0B0E;
}
.sns_txt_icon_bgblack a {
    color: #000000 !important;
}
.sns_txt_icon_bgblack a:hover {
    color: #000000 !important;
}
}
/* ¿À·»Áö ¹è°æ»ö */

.sns_txt_icon_bgorange {
    width: 24px;
    height: 24px;
    text-align: center;
    font: 600 18px/24px "³ª´®°íµñ", "Nanum Gothic", sans-serif;
    border-radius: 3px;
    background-color: rgba(255, 255, 255, 0.8);
    vertical-align: 3px;
    display: block
}
.sns_txt_icon_bgorange:hover {
    background-color: rgba(255, 255, 255, 0.9);
}
.sns_txt_icon_bgorange a {
    color: #F44336 !important;
}
.sns_txt_icon_bgorange a:hover {
    color: #F44336 !important;
}

@media (max-width:991px) {
.sns_txt_icon_bgorange {
    background-color: rgba(255, 255, 255, 1);
    vertical-align: 3px;
    display: block
}
.sns_txt_icon_bgorange:hover {
    background-color: #9D0B0E;
}
.sns_txt_icon_bgorange a {
    color: #000000 !important;
}
.sns_txt_icon_bgorange a:hover {
    color: #000000 !important;
}
}


/* text_title_black_bg01 ------------------------------------------------------------------------------------------ */

.text_title_black_bg01 {
    padding: 30px 25px;
    color: white;
    text-align: center;
    position: relative;
    z-index: 0;
}
.text_title_black_bg01:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background-color: rgba(0, 0, 0, 0.83);
    z-index: -1;
}
.text_title_black_bg01.bg-img {
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
}
.text_title_black_bg01.bg-img01 {
    background-image: url(../images/main_metapo01.jpg);
}
.text_title_black_bg01 .text_title {
    overflow-x: hidden;
    z-index: 1;
}
.text_title_black_bg01 .text_title .title01 {
    font-size: 3vmin;
}
.text_title_black_bg01 .text_title .title01 strong {
}
.text_title_black_bg01 .text_title .title02 {
    font-size: 4vmin;
    padding-top: 15px;
    padding-bottom: 10px;
}
.text_title_black_bg01 .text_title .title02 strong {
}
.text_title_black_bg01 .text_title .title03 {
    font-size: 2vmin;
}
/* text_title_black_bg01 ------------------------------------------------------------------------------------------ */

.text_title_white_bg01 {
    padding: 30px 25px;
    color: #1F1F1F;
    text-align: center;
    position: relative;
    z-index: 0;
}
.text_title_white_bg01:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background-color: rgba(255, 255, 255, 0.83);
    z-index: -1;
}
.text_title_white_bg01.bg-img {
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
}
.text_title_white_bg01.bg-img01 {
    background-image: url(../images/main_metapo02.jpg);
}
.text_title_white_bg01 .text_title {
    overflow-x: hidden;
    z-index: 1;
}
.text_title_white_bg01 .text_title .title01 {
    font-size: 3vmin;
}
.text_title_white_bg01 .text_title .title01 strong {
}
.text_title_white_bg01 .text_title .title02 {
    font-size: 4vmin;
    padding-top: 15px;
    padding-bottom: 10px;
}
.text_title_white_bg01 .text_title .title02 strong {
}
.text_title_white_bg01 .text_title .title03 {
    font-size: 2vmin;
}
/* text_title_black_bg02 ------------------------------------------------------------------------------------------ */

.text_title_black_bg02 {
    padding: 30px 25px;
    color: white;
    text-align: center;
    position: relative;
    z-index: 0;
}
.text_title_black_bg02:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background-color: rgba(0, 0, 0, 0.83);
    z-index: -1;
}
.text_title_black_bg02.bg-img {
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
}
.text_title_black_bg02.bg-img01 {
    background-image: url(../images/main_metapo01.jpg);
}
.text_title_black_bg02 .text_title {
    z-index: 1;
}
.text_title_black_bg02 .text_title .title01 {
    font-size: 4vmin;
    padding-top: 15px;
    padding-bottom: 10px;
    margin-bottom: 15px;
    position: relative;
    display: inline-block;
}
.text_title_black_bg02 .text_title .title01:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #616161;
    content: '';
}
.text_title_black_bg02 .text_title .title01:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #616161;
    content: '';
}
.text_title_black_bg02 .title01 .underbar {
    width: 50px;
    height: 3px;
    transform: translateX(-50%);
    background-color: #C0C0C0;
    position: absolute;
    left: 50%;
    bottom: -1px;
    z-index: 1;
    transition: 0.3;
}
.text_title_black_bg02:hover .title01 .underbar {
    background-color: #f12b24;
}
.text_title_black_bg02 .text_title .title02 {
    font-size: 2vmin;
}
/* text_title_white_bg02 ------------------------------------------------------------------------------------------ */

.text_title_white_bg02 {
    padding: 30px 25px;
    color: black;
    text-align: center;
    position: relative;
    z-index: 0;
}
.text_title_white_bg02:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background-color: rgba(255,255,255,0.83);
    z-index: -1;
}
.text_title_white_bg02.bg-img {
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
}
.text_title_white_bg02.bg-img01 {
    background-image: url(../images/main_metapo02.jpg);
}
.text_title_white_bg02 .text_title {
    overflow-x: hidden;
    z-index: 1;
}
.text_title_white_bg02 .text_title .title01 {
    font-size: 4vmin;
    padding-top: 15px;
    padding-bottom: 10px;
    margin-bottom: 15px;
    position: relative;
    display: inline-block;
}
.text_title_white_bg02 .text_title .title01:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #616161;
    content: '';
}
.text_title_white_bg02 .text_title .title01:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #616161;
    content: '';
}
.text_title_white_bg02 .title01 .underbar {
    width: 50px;
    height: 3px;
    transform: translateX(-50%);
    background-color: #000000;
    position: absolute;
    left: 50%;
    bottom: -1px;
    z-index: 1;
    transition: 0.3;
}
.text_title_white_bg02:hover .title01 .underbar {
    background-color: #f12b24;
}
.text_title_white_bg02 .text_title .title02 {
    font-size: 2vmin;
}