/* kdh */
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);
ul,ol{list-style:none;}
li{float:left;}
*,ul, button{margin:0px; padding:0px; color:#212121; font-family: 'Nanum Gothic'; }
body{background-color:#ffffff ; font-family: 'Nanum Gothic', serif;}



/* 공통 스타일 */

.mr-20{margin:0 20px !important;}
.mt-19{margin-top:19px !important;}
.bold{font-weight:bold !important;}
.t-r{text-align:right !important;}
.t-l{text-align:left !important;}
.t-c{text-align:center !important; }
.f-l{float:left !important;}
.f-r{float:right !important;}
.t-brown{color:#5a4102 !important;}
.f-oblique{font-style:oblique !important;}
.bg-gray{background-color:#f4f4f2;}

#wrap{margin-top:56px;}

/* 헤더 */
.top_line{width:100%; height: 5px; background-image:url(../img/top_line_bg.png); background-size:100% 100%;}
.gnb{position: fixed; top:0px; width:100%; height:55px; background-color:#fff;  text-align: center; border-bottom:1px solid #e9e9e9; z-index: 450;}
.gnb > #logo{display:inline-block; height:100%; width:auto; margin:0 auto;}
.gnb > #logo .logo{height:26px; width: auto; margin-top:11px;}
.gnb > #menu-btn{position: absolute; left:20px; top:21px; width:20px; height:16px; background-image: url(../img/menu_btn.png); background-size:20px 16px; background-repeat: no-repeat;}
.gnb > #menu-btn.on{background-image: url("../img/close_btn.png"); background-size:16px 16px;}
.gnb > #menu-btn > a > .defalt{display:block;}
.gnb > #menu-btn > a > .active{display:none;}
.gnb > #menu-btn.on > a .defalt{display:none;}
.gnb > #menu-btn.on > a .active{display:block;}
.gnb > #cart-btn{position: absolute; right:20px; top:21px;}
.gnb > #cart-btn img{width:24px; height:23px;}
.gnb > #mypage-btn{position: absolute; top:21px; right:54px; }
.gnb > #mypage-btn img{width:20px; height:24px;}

/* GNB 메뉴 */
#gnb-menu{position: fixed; left:-100%; width:100%; height:auto; top:56px;  background-color:#fff; z-index: 450; padding-bottom:73px;}
#gnb-menu > .menu_list{}
#gnb-menu > .menu_list > li{position: relative; width:100%;   margin:0px; padding:0px;  border-bottom:1px solid #e9e9e9;}
#gnb-menu > .menu_list > li > p{height:56px; line-height: 56px; margin:0px 23px 0px 18px;  font-family: NanumGothic; font-size:15px; background-image:url(../img/right_arrow.png); background-repeat: no-repeat; background-position:right center; background-size:9px 18px;}
#gnb-menu > .menu_list > li > p.second_menu{background-image:url(../img/bottom_arrow.png); background-size:18px 9px;}
#gnb-menu > .menu_list > li.active{color:#b19243; font-weight: 500;  }
#gnb-menu > .menu_list > li.active > p.second_menu{color:#b19243; background-image:url(../img/brown_top_arrow.png);}
#gnb-menu > .menu_list .sub_list{position: relative; left:0px; width:100%; display:none; padding:16px 0px; background-color:#f9f9f9; text-indent: 18px; border-top:2px solid #b19243; border-bottom:1px solid #e9e9e9;}
#gnb-menu > .menu_list .sub_list:after{content:''; display: table; clear: both;}
#gnb-menu > .menu_list .sub_list > li{float:left; width:100%; font-family: NanumGothic; font-size: 13px; color: #7f7f7f; line-height: 39px; font-weight: normal;  }
#gnb-menu > .menu_list .sub_list > li ul:after{content:''; display:table; clear:both;}
#gnb-menu > .menu_list .sub_list > li ul li{float:left; width:100%; line-height: 39px;}
#gnb-menu > .menu_list .active{display:block;}


/*푸터*/
#footer{background-color:#e2e2e2; }
#footer > .info{border-bottom:1px solid #c5c5c5;}
#footer > .info > .wrap{margin:39px 10px 36px 30px;}
#footer > .info > .wrap > .info-call{font-size:0px; width:100%; height:13px; margin-bottom:7px; background-image:url(../img/footer_call.png); background-repeat: no-repeat; background-size: auto 100%;}
#footer > .info > .wrap > .open_time{margin-left:60px; font-family: NanumGothic; font-size:11px; color:#7a7a7a; line-height: 15px; }
#footer > .info > .wrap > .info-email{font-size:0px; width:100%; height:16px; margin-top:28px; background-image:url(../img/footer_email2.png); background-repeat: no-repeat;background-size:auto 100%;}
#footer > .company > .wrap{margin:37px 10px 35px 30px;}
#footer > .company > .wrap .mb-11{margin-bottom:11px; }
#footer > .company > .wrap p{font-family: NanumGothic; font-size:10px; color:#828282; line-height:17px; text-align: left;}
#footer > .company > .wrap .bold{font-weight: bold;}

/* 메인 슬라이드 배너*/
.main_banner{position: relative; width:100%; height: auto; overflow: hidden; }
.main_banner .slider-wrapper{  position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform;-o-transition-property: -o-transform; -ms-transition-property: -ms-transform;transition-property: transform;-webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
.main_banner .slider-button-prev{position: absolute;  background-image:url(../img/banner_left_arrow.png); top:50%; margin-top:-11px; left:10px; width:12px; height:23px; z-index: 20; background-size:100% 100%; }
.main_banner .slider-button-next{position: absolute;  background-image:url(../img/banner_right_arrow.png); top:50%; margin-top:-11px; right:10px; width:12px; height:23px; z-index: 20; background-size:100% 100%; }
.slider2-button-prev{position: absolute;  background-image:url(../img/banner_right_arrow.png); top:50%; margin-top:-11px; right:10px; width:12px; height:23px; z-index: 20; background-size:100% 100%; }
.slider2-button-next{position: absolute;  background-image:url(../img/banner_left_arrow.png); top:50%; margin-top:-11px; left:10px; width:12px; height:23px; z-index: 20; background-size:100% 100%;}

#main .content{margin-bottom:61px;}
#main .content > .title{margin-top:66px; height:76px; text-align: center; background-repeat: no-repeat; background-position: center top; background-size: auto 17px; }
#main .content > .title > h3{text-in dent:-9999px; height:17px; margin-bottom:10px; text-indent: -9999px}
#main .content > .title > p{font-family: NanumGothic; font-size:12px; color:#9a9a9a; line-height: 17px; }
#main .content > .banner{display:inline-block; width:100%; }
#main .content > .banner img{float: left;}
#main .content .botton-arrow-btn{position: absolute; bottom:17px; left: 50%; width:23px; height:12px; margin-left: -12px; background-image:url(../img/bottom_arrow.png); background-size: 100% 100%; z-index: 100;}
#main .content > .content_txt{}
#main .content > .content_txt > .blank-border{margin:0 auto; margin-top:20px; margin-bottom: 18px; width:26px; height:2px; background-color:#a5c893;}
#main .content > .content_txt > .orange{background-color:#f6b596;}
#main .content > .content_txt p{font-family: NanumGothic; font-size:12px; color:#9a9a9a; line-height: 21px; text-align: center;}
#main .content > .content_txt .mt-22{margin-top: 22px;}
#main .content > .link_area{ width: 215px; height:34px; margin:0 auto; margin-top:20px; cursor:pointer; background-repeat: no-repeat; background-position: center top; background-size: auto 100%;  }
#main .content .customer_tbl {width:100%; margin-top:22px;}
#main .content .customer_tbl tr{display:inline-block; padding-bottom:42px;}
#main .content .customer_tbl td{vertical-align: middle;}
#main .content .customer_tbl td.icon_td{padding-left:20px; padding-right:20px;}
#main .content .customer_tbl td.icon_td img {max-width:52px; }
#main .content .customer_tbl td.txt_td{width:57%;}
#main .content .customer_tbl td.txt_td .title{font-size:0px; width:100%; height:12px; margin-bottom:8px; background-repeat: no-repeat; background-size:auto 100%;  }
#main .content .customer_tbl td.txt_td p{font-size:11px; font-family: NanumGothic; color:#9a9a9a; line-height: 16px; text-align: left;}
#main .content .customer_tbl td.link_td{padding-right:20px; padding-left:10px; text-align: right; width:18%;}
#main .content .customer_tbl td.link_td img {max-width:35px; }

#main .content .customer_tbl tr.list1 .title{background-image:url(../img/section6-list1-title.png); }
#main .content .customer_tbl tr.list2 .title{background-image:url(../img/section6-list2-title.png); }
#main .content .customer_tbl tr.list3 .title{background-image:url(../img/section6-list3-title.png); }

#main .mb-0{margin-bottom:0px;}

#main #main_section2 > .title{background-image:url(../img/section2-title.png);}
#main #main_section4 > .title{background-image:url(../img/main-section4-title.png);}
#main #main_section4 > .link_area{background-image:url(../img/section4-link.png); }
#main #main_section6 > .title{background-image:url(../img/main-section6-title.png);}





/* 모바일 서브페이지 공통 헤더) */
#page-header{position:relative; width:100%; height:60px; border-bottom:1px solid #dbdbdb; box-sizing:content-box; text-align:center; background-image:url(../img/bg-header.jpg); background-repeat: repeat; background-size:100% auto;}
#page-header .back-link-btn{position:absolute; left:20px; top:50%; margin-top:-7px; width:8px; height:14px; text-indent:-9999px; background-image:url(../img/btn-left-arrow.png); background-size:100% auto; background-repeat: no-repeat;}
#page-header .page-title{width:auto; height:100%; text-indent: -9999px; background-repeat:no-repeat; background-size:auto 17px; background-position: center center;}
/* 모바일 서브페이지 공통 헤더 end */


/* -인간문화재 소개 페이지 */
#cultural_assets #page-header .page-title{ background-image: url(../img/title-cultural_assets.png) }
#cultural_assets #page-content .tab-wrapper{width:100%; height:40px; margin:30px 0;}
#cultural_assets #page-content .tab-list{width:100%; height:100%; border-bottom:2px solid #a5c893; box-sizing:border-box;}
#cultural_assets #page-content .tab-list > li { width:50%; height:100%; border:1px solid #dbdbdb; border-bottom:0; box-sizing:border-box; }
#cultural_assets #page-content .tab-list > li.active{border:2px solid #a5c893; border-bottom:0; }
#cultural_assets #page-content .tab-list > li a {display:block; width:100%; height:100%; text-indent:-9999px; background-repeat: no-repeat; background-position: center center; background-size: auto 11px; }
#cultural_assets #page-content .tab-list > li.tab-1 a {background-image:url(../img/cultural_assets_tap-1.png);}
#cultural_assets #page-content .tab-list > li.tab-2 a {background-image:url(../img/cultural_assets_tap-2.png);}
#cultural_assets #page-content #page1 .visual-banner { width:100%; height:auto; border-bottom:2px solid #444444;  }
#cultural_assets #page-content .visual-banner img{display:block; width:100%; height:auto;}
#cultural_assets #page-content #page1 .contents {padding-bottom:40px; border-bottom:1px solid #dbdbdb;}
#cultural_assets #page-content #page2 .contents {padding-bottom:34px;}

/* --인사말/이력 컨텐츠 */
#cultural_assets #page-content #contents-1{margin-top:35px;}
#cultural_assets #page-content .contents .cont-tit{ height:20px; background-repeat: no-repeat; background-position:center center; background-size: auto 100%; text-indent: -9999px;}
#cultural_assets #page-content .contents p{ font-family: NanumGothic, 'Nanum Gothic'; font-size:12px; color:#444444; line-height: 21px; text-align:left;}
#cultural_assets #page-content .contents p strong{letter-spacing:-0.5px;}
#cultural_assets #page-content .contents .sign-master{ margin-top:14px; height:46px ; }
#cultural_assets #page-content .contents .sign-master img{ height:100%; width:auto; }
#cultural_assets #page-content #contents-2 { margin-top: 40px;  }
#cultural_assets #page-content #contents-2 .cont-tit { background-image: url(../img/tit_cultural_assets_cont2.png); margin-bottom: 30px; }
#cultural_assets #page-content #contents-3 { margin-top: 40px;  border-bottom:0;}
#cultural_assets #page-content #contents-3 .cont-tit { background-image: url(../img/tit_cultural_assets_cont3.png); margin-bottom: 30px; }

/* --명인의 삶 컨텐츠 */
#cultural_assets #page-content #page2 .page_ment { height:77px; margin-top:66px; margin-bottom:42px; text-indent:-9999px; background-image:url(../img/cultural_assets-ment.png); background-size:auto 100%; background-repeat: no-repeat; background-position: 8px center;}
#cultural_assets #page-content .contents .ex_img {margin-left:10px;}
#cultural_assets #page-content .contents:nth-child(2n) .ex_img{margin-right:10px; margin-left:0;}
#cultural_assets #page-content .contents .ex_img img{display:block; width:160px; margin-top:5px}
#cultural_assets #page-content .contents .ex_img .title-ex_img{margin-top:10px; font-family: NanumGothic,'Nanum Gothic'; font-size:10px; font-weight: bold; color:#559334; line-height: 13px; text-align:center; }
#cultural_assets #page-content #contents-6 {padding-top:40px;}
#cultural_assets #page-content #contents-8 {padding-top:40px;}
#cultural_assets #page-content #page2 #contents-9 {padding-bottom:61px;}

#experience #page-header .page-title{background-image:url(../img/title-experience.png);}
#experience #page-content {margin-bottom:66px;}
#experience #page-content #contents-1{border-bottom:1px solid #dbdbdb;}
#experience #page-content #contents-1 .contents-ment1{ width:100%; height:117px; text-indent:-9999px; background-repeat: no-repeat; background-image: url(../img/experience-ment.png); background-position: center 40px; background-size: auto 43px;}
#experience #page-content #contents-1 .contents-ment2{ width:100%; height:105px; text-indent:-9999px; background-repeat: no-repeat; background-image: url(../img/experience-ment2.png); background-position: center center; background-size: auto 43px;}
#experience #page-content #contents-1 .contents-banner img{ display:block; }
#experience #page-content #contents-1 .contents-text{ margin:34px 20px; }
#experience #page-content #contents-1 .contents-text p{font-size:12px; font-family: NanumGothic, 'Nanum Gothic'; color:#444; line-height:22px; text-align: center;}
#experience #page-content #contents-2 .contents-title{ width:100%; height:18px; margin-top:40px; background-repeat: no-repeat; background-size:auto 100%; background-position: left center; text-indent:-9999px; }
#experience #page-content #contents-2 .contents1-title{ background-image:url(../img/titile-experience-contents2_1.png); }
#experience #page-content #contents-2 .contents2-title{ background-image:url(../img/titile-experience-contents2_2.png); }
#experience #page-content #contents-2 .contents3-title{ background-image:url(../img/titile-experience-contents2_3.png); }
#experience #page-content #contents-2 .cont img{ display:block; }
#experience #page-content #contents-2 .cont1{margin-top:23px; margin-bottom:26px;}
#experience #page-content #contents-2 .cont2{margin-top:25px; margin-bottom:26px;}
#experience #page-content #contents-2 .cont3{margin-top:23px; margin-bottom:66px;}
#experience #page-content .contents .cont .hidden_cont{width:0; height:0; overflow:hidden; text-indent:-999px;}
#experience #page-content #contents-3 img{display:block;}
#experience #page-content #contents-3 .contents-banner{margin-bottom:20px;}
#experience #page-content #contents-3 .cont{margin-top:40px; }


#health_taste #page-header .page-title{background-image:url(../img/title-health_taste.png);}
#health_taste #page-content {margin-bottom:34px;}
#health_taste #page-content .contents{position: relative; padding-top:40px; box-sizing:border-box;}
#health_taste #page-content .contents .contents-title{ text-indent:-9999px; height:20px; margin-bottom:18px; background-repeat: no-repeat; background-position: left center; background-size:auto 100%;}
#health_taste #page-content .contents .contents-cont{width:100%; height:auto;}
#health_taste #page-content .contents .contents-cont p {font-family: NanumGothic, 'Nanum Gothic'; font-size:12px; color:#444; line-height:21px;}
#health_taste #page-content #contents-1 .contents-title{margin:0 20px; background-image:url(../img/title-taste-content1.png);}
#health_taste #page-content #contents-1 .contents-cont{width:100%; }
#health_taste #page-content .visual-slider-wrapper{ width:100%; height:auto; overflow:hidden; }
#health_taste #page-content .visual-slider-wrapper .btn-navigate{position:absolute; top:50%; margin-top:-20px; width:40px; height:40px; border:0; text-indent: -9999px; z-index: 100; background-size: 100% 100%;}
#health_taste #page-content .visual-slider-wrapper .btn-prev-navigate {left:0px; background-image:url(../img/btn-prev120x120.jpg);}
#health_taste #page-content .visual-slider-wrapper .btn-next-navigate {right:0px; background-image:url(../img/btn-next120x120.jpg);}
#health_taste #page-content .visual-slider-wrapper .btn-next-slider{right:0px;}

#health_taste #page-content #contents-2 .contents-title{ background-image:url(../img/title-taste-content2.png);}
#health_taste #page-content #contents-2 .contents-cont .ifm{width:100%; height:190px; margin-top: 18px; margin-bottom:40px;}
#health_taste #page-content #contents-2 .contents-cont:last-child { margin-top:-6px; }
#health_taste #page-content #contents-3 {margin-bottom:20px;}
#health_taste #page-content #contents-3 .contents-title{ background-image:url(../img/title-taste-content3.png);}
#health_taste #page-content #contents-3 ul{margin-top:8px; }
#health_taste #page-content #contents-3 ul:after{content:''; display:table; clear:both;}
#health_taste #page-content #contents-3 ul li{ width:100%; height:auto; margin-bottom: 20px;  }

#health_taste #page-content #contents-4{border-top:1px solid #dbdbdb; box-sizing:content-box;}
#health_taste #page-content #contents-4 .contents-title{ background-image:url(../img/title-taste-content4.png);}
#health_taste #page-content #contents-4 .contents-cont h3 {width:100%; height:13px; text-indent:-9999px; background-image: url(../img/msg-taste-content4.png); background-repeat: no-repeat; background-size: auto 100%;}
#health_taste #page-content #contents-4 .contents-cont .contents-banner{width:100%; height:auto; margin-top:29px; margin-bottom:34px;}
#health_taste #page-content #contents-4 .contents-cont .contents-banner img{display:block;}