@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);

*{margin:0;padding:0;}
a{text-decoration:none; color: inherit;}
li{list-style:none;}
ul{padding:0;margin:0; list-style: none;}
body{font-family:"Nanum Gothic";font-size:12px;  overflow-y: scroll; margin: 0; padding: 0; text-align: left; background: #e0e3e6;}
img{border:0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -webkit-tap-highlight-color: transparent; vertical-align: top;}

address, dd, div, dl, dt, em, fieldset, form, h1, h2, h3, h4, iframe, input, li, object, ol, p, select, textarea, ul { margin: 0; padding: 0;}


#wrap{ position: relative; padding: 27px 0 0; background-color: #e9ecef;}
.fc_wrap { width: 930px; margin: 0 auto;}
.fc_container { position: relative; float: left; width: 930px; min-height: 800px; -webkit-border-radius: 2px; border-radius: 2px; background: white;}
.fc_aside { position: relative; float: left; height: 1200px; width: 210px; z-index: 100; background: #fff url(../img/bg_container_pc.gif) repeat-y 209px 0; -webkit-box-shadow: 0 0 2px rgba(0,0,0,.1); box-shadow: 0 0 2px rgba(0,0,0,.1); }
.theme_background { background-color: #7197b1 !important;}
.welcome_box { position: relative; display: table-cell; width: 210px; max-width: 210px; height: 355px; vertical-align: middle; text-align: center;}

.welcome_box .link { display: inline-block; width: 100%;}
    
.welcome_box .thmb { position: relative; width: 96px; height: 96px; margin: 0 auto 12px;
}    
.welcome_box .thmb img { display: block; width: 96px; height: 96px; -webkit-border-radius: 50%; border-radius: 50%;}
    
.welcome_box .link .c_t { display: block;}
.welcome_box .c_t {display: block; overflow: hidden; max-height: 43px; padding: 0 20px; font-size: 18px; font-weight: 600; line-height: 21px; letter-spacing: -.25px;}

.welcome_box .c_tx { display: block;}

.welcome_box [class^=c_] {overflow: hidden; text-align: center; color: #fff; word-break: break-all;}
.welcome_box .c_t .txt {display: inline-block; word-wrap: break-word;}
.welcome_box .c_t {display: block; overflow: hidden; max-height: 43px; padding: 0 20px; font-size: 18px; font-weight: 600; line-height: 21px; letter-spacing: -.25px;}
.floating_item {display: inline-block; width: 100%; margin-top: 13px; text-align: center;}

/* 왼쪽 네비게이션바*/

.navigate_box {width: 209px; padding-bottom: 20px;}
.navigate_box .s_m {padding-top: 15px;background-color: #fff;}
.navigate_box .s_m>li {position: relative;}
.navigate_box .s_m .top_depth>a {padding-right: 50px;}

.navigate_box .s_m a {display: block;overflow: hidden;height: 30px;padding: 13px 20px 0 0;font-size: 16px;color: #45484f;letter-spacing: -.25px;text-overflow: ellipsis;white-space: nowrap; }
.navigate_box .menu_name {display: block;height: 15px;margin-right: 18px;padding-left: 24px;white-space: nowrap;}
.navigate_box .menu_num {position: absolute;right: 14px;top: 12px;padding: 0 8px;border: 1px solid #e4e7eb;-webkit-border-radius: 15px;border-radius: 15px;background-color: #e9ecef;font-size: 11px;font-family: Tahoma,Geneva,sans-serif;font-weight: 600;color: #999;line-height: 17px;}

.top_sub_menu{ display: none;}

.top_text1{color: #2d2d2d;}     /*guk 20170529 추가 pc버전 현재 메뉴바 색 지정*/
.top_text{ color: #777;}        /*guk 20170529 추가 pc버전 색 지정*/

.navigate_box .top_sub_menu {padding: 7px 0 8px;border-top: 1px solid #edf0f2;background-color: #f6f8fc;}
.navigate_box .top_sub_menu a {height: 26px;padding: 0 20px 0 30px;font-size: 12px;font-weight: 400;line-height: 26px;}

/* mobile_nav_box */
.aside {position: absolute; z-index: 999; height: 0px; }
.aside_section{touch-action: none;width: 120%;height: 0px;background-color: #f7f7f7;}
.aside_section_box{ width: 120%; position: absolute; top: 0px; left: 0px; z-index: 1; transform: translate(0px, 0px) translateZ(0px);}
.aside_section .userinfo_area{position: relative; padding-top: 20px;}
.aside_section .thumb_user{    width: 80px;height: 80px;margin: 0 auto;}
.aside_section .thumb_user img {width: 100%;-webkit-border-radius: 100%;border-radius: 100%;}

.aside_section .info_user.type_title {padding-bottom: 0;}
.aside_section .info_user {min-height: 45px;padding: 7px 0 20px;border-bottom: 1px solid rgba(0,0,0,.06);text-align: center;font-size: 12px;color: #fff;letter-spacing: -.25px;}
.aside_section .info_user .category {display: block;margin-bottom: 4px;color: rgba(255,255,255,.4);}
.aside_section .info_user .hometitle {display: block;margin-bottom: 2px;font-size: 16px;}
.aside_section .info_user .title {font-weight: 700;}
.aside_section .info_user .text_talk {display: block;margin-top: 4px;color: rgba(255,255,255,.4);}

.aside_section .list_personal {display: -webkit-box;display: -webkit-flex;display: -ms-flex;display: -ms-flexbox;display: flex;border-bottom: 1px solid rgba(0,0,0,.04);}

/* 모바일 sns 모음*/
.top_sns_box{ margin: 0 auto;}
/*페이스북*/
.sns_area {position: relative;width: 190px;margin: 25px auto 0;}

.sns_area_top .btn_sns:first-child {margin-left: 0;}
.sns_area_top .btn_sns_top {display: block;float: left;width: 40px;height: 40px;margin-left: 10px;}
.sns_area_top .btn_sns_top {background-image: url(../img/btn_facebook.png);background-repeat: no-repeat;}
.blind_top {overflow: hidden;position: absolute;clip: rect(0 0 0 0);width: 1px;height: 1px;margin: -1px;}

/*카카오톡*/
.sns_area_top .btn_sns_top {display: block;float: left;width: 40px;height: 40px;margin-left: 10px;}
.sns_area_top .btn_kakao {background-image: url(../img/btn_kakao.png);background-repeat: no-repeat;}

/*트위터*/
.sns_area_top .btn_sns_top {display: block;float: left;width: 40px;height: 40px;margin-left: 10px;}
.sns_area_top .btn_Twitte {background-image: url(../img/btn_Twitte.png);background-repeat: no-repeat;}

.aside_section .is_hide {display: none;}
.aside_section .info_section {padding: 6px 20px 0;background-color: #f7f7f7;}
.aside_section .btn_more {display: block;overflow: hidden;width: 100%;height: 36px;margin-top: -1px;border: 0;background-color: rgba(0,0,0,.06);outline: 0;line-height: 100px;cursor: pointer;}
.aside_section .sitemenu_area { background-color: #fff;}
.aside_section .sitemenu_area .list_sitemenu {margin-bottom: 24px;background-color: #fff;}

.sub_menu{ display: none;}/* 모바일 메뉴바 숨기기*/

.aside_section .sitemenu_area .list_sitemenu>li { position: relative;border-bottom: 1px solid #eee;}

/*그림*/

/* -이미지*/
 .aside_section .sitemenu_area .depth .on{background: url(../img/minus.png) no-repeat 200px 6px;}

/* + 이미지*/
 .aside_section .sitemenu_area .depth{background: url(../img/plus.png) no-repeat 200px 6px;}

.aside_section .sitemenu_area .depth a {padding: 0 40px 0 40px;}
.aside_section .sitemenu_area .menu_name {white-space: nowrap;}
.aside_section .sitemenu_area .selected>a {color: #222 !important;}
.aside_section .sitemenu_area .depth a {padding:  0 40px 0 20px;}
.aside_section .sitemenu_area .menu_name .text {overflow: hidden;max-width: 100%;text-overflow: ellipsis;vertical-align: top;margin-left: 15px;}

.aside_section .sitemenu_area .sub_menu { padding: 0px 15px 0px;border-top: 1px solid #e5e5e5;}

.aside_section .sitemenu_area .sub_menu li:first-child a {border-top: none;}
.aside_section .sitemenu_area .sub_menu a {margin-bottom: 19px;padding: 0;font-size: 14px;line-height: 15px;}

.aside_section .sitemenu_area .list_sitemenu a {overflow: hidden;padding: 0;font-size: 13px;text-overflow: ellipsis;color: #888;line-height: 50px;white-space: nowrap;}

.aside_section .btn_close {position: absolute;right: 0;top: 0;width: 49px;height: 48px;border: 0;background-color: transparent;outline: 0;cursor: pointer;color: transparent;}

/* 닫기 버튼 이미지*/
.aside_section .btn_close:after {overflow: hidden;background-image: url(../img/sp_m_65adce.png);width: 16px;height: 16px;background-position: -608px -540px;margin-top: -8px;margin-left: -8px;-webkit-background-size: 694px 682px;background-size: 694px 682px;position: absolute;left: 50%;top: 50%;content: '';}


/*사이즈 줄었을경우 나오는 메뉴바*/
.header_btn_side { display: none;
    position: relative;
    z-index: 99;
    width: 47px;
    height: 47px;
    background-image: url(../img/sp_m_65adce.png) ;
    width: 16px;
    height: 16px;
    background-position: -557px -540px;
    -webkit-background-size: 694px 682px;
    background-size: 694px 682px;
    
}

/* right css */
.fc_content {position: relative;float: left;width: 640px;padding: 32px 40px 40px 40px;}
.fcdeck_container {display: block;position: relative;clear: both;width: 100%;}
.fcdeck_ct {-webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
.card .title {padding-bottom: 50px;margin-bottom: 25px;border-bottom: 2px solid #56585c;color: #000;}
.card .title h2 {display: inline-block;float: left;font-size: 24px;font-weight: 600;letter-spacing: -.5px;}
.fc_content .inner {width: 100%;}
.gallery_area {position: relative;height: 100%;}
.gallery_area {overflow: hidden;}
.gallery_area .gallery_img a {display: block;position: relative;z-index: 2;width: 100%;height: 100%;}
.gallery_area .gallery_img img {display: block;width: 100%;vertical-align: top;}

.gallery_area.type5 li{overflow: hidden;position: relative;}
.gallery_area .gallery_img {position: relative;}

.gallery_area.type5 .mask_bg {position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 10;background-color: #242424;opacity: .6;filter: alpha(opacity=60);}

.mask_bg{ opacity:0.25; }
.gallery_area.type5 .gallery_txt {position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 20;}

.gallery_area.type5 .w1 {display: table;width: 100%;height: 100%;}
.gallery_area.type5 .w2 {display: table-cell;text-align: center;vertical-align: middle;}

.gallery_area.type5.sma .gallery_txt h3 {font-size: 28px;line-height: 36px;}

.gallery_area.type5 .gallery_txt h3 {display: inline-block;margin: 0 100px;font-size: 32px;font-weight: 600;line-height: 38px;white-space: normal;color: #fff;word-break: break-all;}

.gallery_area .gallery_txt h3 {overflow: hidden;white-space: nowrap;color: #28282e;}

.gallery_area.type5.sma .gallery_txt h3 span {max-height: 74px;}
.gallery_area.type5 .gallery_txt h3 span {display: block;overflow: hidden;max-height: 77px;}
.gallery_area.type5.sma .gallery_txt h3 {font-size: 28px;line-height: 36px;}
.gallery_area.type5 .gallery_txt p {overflow: hidden;max-height: 90px;margin: 16px 170px 0;font-size: 18px;font-weight: 600;line-height: 30px;color: #fff;text-align: center;letter-spacing: -.05em;}

.gallery_area.v_align_m .gallery_txt, .gallery_area.v_align_m .txt_area{vertical-align: middle;}

.gallery_area.align_l .gallery_txt {text-align: left;}

.division_line {background-color: #fff;}
.division_line .line {background: url(../img/line.gif) repeat-x 0 50%;-webkit-background-size: 3px 1px;background-size: 3px 1px;height: 40px;margin: 0;}     /* html 221줄 */

.txt_component.align_c {text-align: center;}

.txt_component.color1 p {color: #222;}
.txt_component p {padding: 3px 0 4px;font-size: 13px;line-height: 25px;letter-spacing: -.025em;}

.txt_component {overflow: hidden;color: #222;word-break: break-all;word-wrap: break-word;}
.txt_component {margin: 0;}
.division_line .space {width: 100%;height: 10px;}
.btn_wrap .btn_theme, .btn_wrap .btn_theme_v2 {background-color: #7197b1 !important;}

.btn_theme .btn_text, .btn_theme_v2 .btn_text {overflow: hidden;display: block;white-space: nowrap;color: #222;}

.btn_theme .in, .btn_theme_v2 .in {display: block;height: 65px;margin-left: 70px;padding-right: 20px;font-weight: 600;font-size: 14px;letter-spacing: -.25px;line-height: 65px;background: #fff;white-space: nowrap;text-align: left;}

.btn_theme_v2 li {margin-top: -1px;}

.btn_theme li, .btn_theme_v2 li {position: relative;}

.btn_theme .btn, .btn_theme_v2 .btn {display: block;height: 65px;border: 1px solid #ebebeb;}

.btn_theme_v2 .icon_none .in{margin-left: 0;padding: 0 30px 0 20px;}

/* sns*/
.aside_notice{float: left; width: 200px;margin-left: 30px;}

/*밴드*/
.sns_area {position: relative;width: 190px;margin: 25px auto 0;}

.sns_area .btn_sns:first-child {margin-left: 0;}
.sns_area .btn_sns {display: block;float: left;width: 40px;height: 40px;margin-left: 10px;}
.sns_area .btn_facebook {background-image: url(../img/btn_facebook.png);background-repeat: no-repeat;}

.blind {overflow: hidden;position: absolute;clip: rect(0 0 0 0);width: 1px;height: 1px;margin: -1px;}

/*페북*/
.sns_area .btn_facebook {display: block;float: left;width: 40px;height: 40px;margin-left: 10px;}
.sns_area .btn_Twitte {background-image: url(../img/btn_Twitte.png);background-repeat: no-repeat;}


.footer{ clear: both; width: 930px;  height: 100px; margin: 0 auto; background: #fff; border-top:1px solid #e8e8e8;}
.adr_area{ text-align: center;}
.address_area{ font-size: 13px; margin-top: 20px;}
.address_area p{ margin-left: 10px; margin-bottom: 10px; }


.selected a{display: block;}



@media only screen and (min-width:950px) {
    .movilenav{display: none;}
} 


@media only screen and (max-width:950px) { 
    #wrap{width: 100%;}
    .fc_wrap{width: 100%;}
    .fc_container{width: 100%;}
    .footer{width: 100%; }
    .address_area{width: 100%;}
    .adr_area{width: 100%; }
    .header_btn_side{display: block; cursor: pointer;}
    .movilenav{display: none;}
    .dimmed{ display: none; position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 40;background: rgba(0,0,0,.6);z-index: 990; opacity: 0.55;}
    .aside_notice{display: none;}
}
@media only screen and (max-width:949px) { 
    ._left_side_menu{ display: none;}
    .movilenav{display: block; position: absolute; z-index: 99999;}
    .dimmed{display: block; z-index: 9999;}
    
    .fc_content{width: 90%; }
    .gallery_area.type5 .w2{width: 50%;}
    
    .card .title{ padding-bottom: 25px;}
    .card .title h2{float: none; display: block; text-align: center; font-size: 1.5em; margin-top: -18px;}
    
    .fc_content{ padding: 3% 3% 3% 5%; }
    .w2{ width: 100%;}
    .w3{ width: 100%;}
    
}

@media only screen and (max-width:450px) {
    .w3{ width: 100%;}
    .gallery_area.type5 .gallery_txt h3{ margin: 0;}
    .gallery_area.type5.sma .gallery_txt h3{ font-size: 25px;}
    .gallery_area.type5 .gallery_txt p{ font-size: 16px; margin: 16px 0px 0;}
}