@charset "utf-8";


/* A-TYPE */
#a_type nav.pt_nav{border-top:4px solid #000}
#a_type .mainWp {background-color:#ebebeb;}

/* B-TYPE */
#b_type nav.pt_nav{border-top:4px solid #000}
#b_type .mainWp {background-color:#525b64;}


/* 컨텐츠작업
*--------------------------- */
.wrap{/*min-width:1200px;*/margin:0 auto;}
.content {width:1200px;margin:0 auto;} 
/*header flex 2020.1 추가*/
.content.headerflex {display: -webkit-box; 
                    display: -ms-flexbox; 
                    display: flex;
                    align-items: center;
                    -webkit-box-align: center; 
                    -ms-flex-align: center;
                    justify-content: center;
                    -webkit-box-pack: center; 
                    -ms-flex-pack: center;
}
/*end*/
header.pt_header .logoWp {height:100px;}
header.pt_header .combSch {width:303px;}

nav.pt_nav {border-top:4px solid #000;border-bottom:1px solid #dcdcdc;height:64px;}
nav.pt_nav .row {margin-right:-10px;margin-left:-10px;}
nav.pt_nav .gnb {overflow:hidden;display:inline-block}
nav.pt_nav .gnb li {float:left;border-left:1px solid #dcdcdc}
/* nav.pt_nav .gnb li:last-child {border-right:1px solid #dcdcdc} */
nav.pt_nav .gnb li a {display:block;padding:18px 22px;font-weight:700;color:#555555;text-align:center;font-family: 'Noto Sans KR',Arial,sans-serif !important;}
nav.pt_nav .q_menu {width:60px;height:58px;line-height:60px;text-align:center;vertical-align:middle;float:right;border-left:1px solid #d8d2cd;border-right:1px solid #d8d2cd;}
nav.pt_nav .sub_menu {
    display:none;
    position: absolute;
    top:228px;
    left: 0;
    width: 100%;
    height: auto;
    background: #fff;
    z-index: 999999;
	padding-top:15px;
	padding-bottom:15px;
    border-bottom: 3px solid #d8d2cd;
    border-left:1px solid #ddd;
    border-right:1px solid #ddd;
}
nav.pt_nav li.sub_menuT {margin-bottom:10px;display:none}
nav.pt_nav li.sub_menuT strong {display:inline-block;background:rgba(241,234,228,0.5);width:100%;margin-left:-10px;padding-left:10px;}
nav.pt_nav .sub_menu ul {float:left;}
nav.pt_nav .sub_menu ul li {height:23px;line-height: 23px;padding-left:20px}
nav.pt_nav .sub_menu ul li a {font-size:14px;color:#696969}
nav.pt_nav .sub_menu ul li a:hover {color:#ad886a;}
nav.pt_nav .gnb li.menu01 a,
nav.pt_nav .sub_menu ul.sub01 {width:130px}
nav.pt_nav .gnb li.menu02 a,
nav.pt_nav .sub_menu ul.sub02 {width:150px}
nav.pt_nav .gnb li.menu03 a,
nav.pt_nav .sub_menu ul.sub03 {width:150px}
nav.pt_nav .gnb li.menu04 a,
nav.pt_nav .sub_menu ul.sub04 {width:170px}
nav.pt_nav .gnb li.menu05 a,
nav.pt_nav .sub_menu ul.sub05,
nav.pt_nav .gnb li.menu06 a,
nav.pt_nav .sub_menu ul.sub06,
nav.pt_nav .gnb li.sub07 a,
nav.pt_nav .sub_menu ul.sub07 {width:154px}


/* 메인 */
section {clear: both;}
.cntWp {border:1px solid #d2c2aa;}
.bannerBottom {margin-bottom:0px !important; margin-top:12px !important; height:130px !important;}
.bannerBottom .sliderWp .bx-wrapper {margin-bottom:0px !important; border-radius:5px;} 
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {bottom: 10px !important;}
.mainWp {background-color:#ebebeb;}
.mainWp .cntWp {background-color:#fff; border-radius:5px;}
.mainWp .cntWp h3 {border-bottom:1px solid #f7eadf}
.mainWp .cntWp h3 a:hover {font-weight:bold;text-decoration:underline;}
.mainWp section {display:block;padding-top: 10px;}
.mainWp section h3 {border-bottom:1px solid #dcdcdc;padding:20px}
.mainWp section h3 .more {display:inline-block;float:right}
.mainWp .content {padding:20px 0 40px;overflow:hidden;}
.mainWp .row {margin-right:-10px;margin-left:-10px;}
.mainWp #slider01 {}
.mainWp #slider01 .bx-wrapper {border:0;box-shadow:none;margin-bottom:0}
.mainWp #slider01 .bx-viewport {height:420px !important;}
.mainWp #slider01 .bx-viewport .imgBox {height:420px}
.mainWp #slider01 .bx-controls {display:block;}
.mainWp #slider01 .bx-pager {bottom:10px;}
.mainWp .banner {width:590px;height:130px;margin-top:10px}
.mainWp .banner img {display:block;width:100%;height:100%;}
.mainWp .banner #slider02 .bx-wrapper {border:0;}
.mainWp .banner #slider02 .bx-pager {bottom:10px;}
.mainWp .banner #slider02 .bx-pager .bx-pager-item a{display:inline-block;*display:inline;*zoom:1;width:12px;height:12px;border-radius:100%;background-color:#b0b0b0;overflow:hidden;text-indent:-3000px}
.mainWp .banner #slider02 .bx-pager .bx-pager-item a.active{width:12px;height:12px;border-radius:100%;background-color:#e0aa00}
.mainWp .banner #slider02 .bx-pager .bx-pager-item a.hover{width:12px;height:12px;border-radius:100%;background-color:#e0aa00}

/* map */
/*.mainWp .map {height:564px;}*/
.mainWp #slider01 .bx-viewport .imgBox a img {border-radius:4px;}
.mainWp .map .wp {padding:10px 12px 15px;overflow:hidden}
.mainWp .map .selectBox {float:left;margin:0 5px;}
.mainWp .map select {font-size:12px;padding:3px 0}
.mainWp .map .sel02 select{width:168px}
.mainWp .slogan {padding:0 12px 15px;overflow:hidden}
.mainWp .slogan h2,.mainWp .slogan h3,.mainWp .slogan h4 {font-weight:normal;padding:0px;color:#737373;border:0}
.mainWp .slogan h3 {margin-bottom:15px;padding-left:10px}
.mainWp .slogan h3 span {margin-left:-7px}
.mainWp .slogan h2 {border-top:1px solid #ebebeb;padding-top:15px}
.mainWp .slogan h2 strong {color:#cb8f4e}
.mainWp .slogan h4 {border:1px solid #ebebeb;border-radius:3px;text-align:center;padding:5px 0;background:rgba(241,234,228,0.5)}
.hanMap .selectBox {float:left}
.hanMap .selectBox select {font-size:12px}
.mainWp .mapWp {/* height:457px; */overflow-y:auto;padding:0 15px;margin:15px 0}
.hanMap .mapWp .top_leftcon {background-color:#e8e8e8;padding:15px 0;text-align:center}
.hanMap ul.list li:before {display:inline-block;content:'⋅';margin-right:5px;vertical-align: top;}
.hanMap ul.list li .i_new {float:right;margin-top:-16px;margin-right:-25px;}
.hanMap .mapList {margin-top:15px;font-size:14px;}
.hanMap .map_link {display:inline-block;float:right}

.mainWp .talk {position:relative;height:277px;}
.mainWp .talk .imgBox {width:100%;height:169px;padding:15px}
.mainWp .talk .imgBox .evenImg {width:258px;height:100%;}
.mainWp .talk .txt {font-size:14px;color:#737373;padding:0 15px;}
.mainWp .talk .txt strong {font-size:12px;width:250px;display:block;margin-bottom:8px;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
.mainWp .talk .txt .ellipsis2 {width:250px;height:40px;line-height:1.4;}


.mainWp .event {position:relative;height:365px;}
.mainWp .event #slider02 {margin:15px;}
.mainWp .event #slider02 .bx-wrapper {border:0;box-shadow:none;margin-bottom:0}
.mainWp .event #slider02 .bx-viewport {height:288px !important;}
.mainWp .event #slider02 .bx-controls {display:block;}
.mainWp .event #slider02 .bx-pager {bottom:10px;}
.mainWp .event #slider02 .imgBox {width:310px;height:250px;}
.mainWp .event #slider02 .imgBox .evenImg {background-repeat:no-repeat; background-position:center;background-size:cover;width:310px;height:100%;}
.mainWp .tabWp #tabs {border:0;margin-bottom:15px;border-radius:0;padding:0}
.mainWp .tabWp .ui-tabs .ui-tabs-nav{padding:0;border-radius:0;margin:0;background:#f7f7f7;border:0;border-bottom:1px solid #ebebeb}
.mainWp .tabWp .ui-tabs-panel {padding:10px;}
.mainWp .tabWp .ui-widget-header{overflow:hidden;border-color:#dcdcdc;background:transparent;padding:0;margin-bottom:15px;}
.mainWp .tabWp .ui-widget-header .ui-state-default{border-right:0;border-left:0;border-top:0;background:#f7f7f7;}
.mainWp .tabWp .ui-widget-header .ui-state-default a {color:#646464;padding:.5em 0;text-align:center;width:100%;height:40px;line-height:30px;font-size:14px;font-weight:bold;display:block;border-right:1px solid #ebebeb}
.mainWp .tabWp .ui-widget-header .ui-corner-top {border-radius:0;}
.mainWp .tabWp .ui-widget-header li {/* width:115px; */padding:0 !important;margin:0 !important;float:left;border-right:1px solid #ebebeb;}
.mainWp .tabWp .ui-widget-header li {width:96px;}
.mainWp .tabWp .ui-widget-header .ui-tabs-active {border:0;background:#fff;}
.mainWp .tabWp .ui-widget-header .ui-tabs-active a {color:#000;border-right:1px solid #ebebeb}
.mainWp .tabWp .ui-state-active a,
.mainWp .tabWp .ui-state-active a:link{color:#000}
.mainWp .tabWp #tvtab-1 {padding:0}
.mainWp .tabWp div.tv_list ul {overflow:hidden;}
.mainWp .tabWp div.tv_list ul li {float:left;margin:5px;width:46%;}
.mainWp .tabWp div.tv_list ul li a {}
.mainWp .tabWp div.tv_list ul li img {width:100%;height:80px;}


.mainWp .board {position:relative;height:244px;margin-bottom:10px; border-radius:5px;}
.mainWp .board ul.list li {padding-right:25px;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;height:27px;}
.mainWp .board ul.list li:before {display:inline-block;content:'⋅';margin-right:12px;vertical-align: top;}
.mainWp .board ul.list li .i_new {float:right;margin-top:-16px;margin-right:-25px; }
.mainWp .board ul.list li a {font-size:14px;}
.mainWp .board ul.list.board2 {margin:55px 15px 0;}
.mainWp .board ul.list.board2 li {padding-right:30px;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;height:27px;}
.mainWp .board ul.list.board2 li:before {display:inline-block;content:'⋅';margin-right:12px;vertical-align: top;}
.mainWp .board ul.list.board2 li .i_view {float:right;margin-top:-21px;margin-right:-55px;}

.mainWp .handon_tv {height:365px;margin-bottom:0}
.mainWp .handon_tv .tabWp .ui-tabs-panel {padding:0}
.mainWp .handon_tv .tv_list {margin:5px}
.mainWp .handon_tv .tv_list li {float:left;width:50%;height:127px;padding:5px;}

.mainWp .s_banner {position:relative;padding:1%;height:111px; border-radius:5px;}
.mainWp .s_banner .list_thumb {width:49.5%;height:103px;}
.mainWp .s_banner .thumb_img {display:block}
.mainWp .s_banner .cont_info {display:inline-block;position:absolute;top:0;margin-top:35px;padding-left:15px;}
.mainWp .s_banner .cont_info h2 {margin-bottom:5px;}
.mainWp .s_banner .arr {display:block;float:right;margin-top:15px;}
.mainWp .s_banner .s_txt {font-size:12px;}

.mainWp .ebook {position:relative;height:365px;}
.mainWp .ebook .sliderWp {margin-top:15px}
.mainWp .ebook .sliderWp .txt {display:inline-block;overflow:hidden;text-overflow:ellipsis;
	display:-webkit-box;white-space:normal;word-wrap:break-word;-webkit-box-orient:vertical;-webkit-line-clamp:2;height:60px;padding:20px 30px;}
.mainWp .ebook #slider03 .bx-controls-direction {display:block}
.mainWp .ebook #slider03 .imgBox {width:200px;height:280px;margin:0 auto}
.mainWp .ebook .bx-wrapper .bx-controls-direction a {margin-top:-45px}

.mainWp .share {padding:20px 10px;overflow:hidden;}
.mainWp .share .col-xs-4 {background-color:rgba(255,255,255,1);border:0}
.mainWp .share h3 {margin-bottom:12px;padding:0 0 10px}
.mainWp .share img {height:198px}
.mainWp .share ul.sns_list {overflow:hidden}
.mainWp .share ul.sns_list li {width:50%;float:left;}
/* .mainWp .share ul.sns_list li:nth-child(1) {padding-right:5px}
.mainWp .share ul.sns_list li:nth-child(1) .imgBox {text-align:left} */
.mainWp .share ul.sns_list li:nth-child(2) {padding-right:5px}
.mainWp .share ul.sns_list li:nth-child(2) .imgBox {text-align:right;}



.cntWp2 {height:422px !important;}
.cntWp2 .imgBox {width:100%;height:169px;padding:15px 15px 5px 15px}
.cntWp2 .imgBox .evenImg {width:258px;height:100%;}
.cntWp2 .txt {font-size:14px;color:#737373;padding:0 15px;}
.cntWp2 .txt strong {font-size:12px;width:250px;display:block; text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;   position: absolute;    bottom: 153px;}
.cntWp2 .txt .ellipsis2 {width:250px;height:40px;line-height:1.4;}
.s_banner2{height:130px !important;}


/*리뉴얼메인 css 추가*/

.tab-all-list .bx-wrapper{height:400px}
.tab-all-list .bx-wrapper img{width:100%;height:100%;}
.bx-viewport{height:100% !important;}
.bx-viewport li{width:780px !important;}

/*2020.1 리뉴얼 CSS 추가 */

.search-icon-kins {width: 16px;}
.right-header-content,.left-header-content {
    width: 20%;
    display: none;
}

/* 서치바 스타일 */
.search {
    position: absolute;
    top: 50%;
    right: 17.6%;
    -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
  }
  .search * {
    outline: none;
    box-sizing: border-box;
  }
  .search__wrapper {
    position: relative;
  }
  .search__field {
    width: 50px;
    height: 50px;
    color: transparent;
    font-family: Lato, sans-serif;
    font-size: 1.05em;
    padding: 0.35em 50px 0.35em 0;
    border: 1px solid transparent;
    border-radius: 0;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
  }
  .search__field:focus {
    border-bottom-color: #ccc;
    width: 15vw;
    color: #2b2b2b;
    cursor: default;
  }
  .search__field:focus ~ .search__icon {
    background-color: transparent;
    cursor: pointer;
    pointer-events: auto;
  }
  .search__icon {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #ebebeb;
    width: 50px;
    height: 50px;
    font-size: 1.05em;
    text-align: center;
    border-color: transparent;
    border-radius: 50%;
    pointer-events: none;
    display: inline-block;
    transition: background-color 0.2s ease-in-out;
  }
  .search__field::-webkit-input-placeholder {
    position: relative;
    top: 0;
    left: 0;
    transition-property: top, color;
    transition-duration: .1s;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    perspective: 1000;
  }
  .search__field:-moz-placeholder {
    position: relative;
    top: 0;
    left: 0;
    transition-property: top, color;
    transition-duration: .1s;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    perspective: 1000;
  }
  .search__field::-moz-placeholder {
    position: relative;
    top: 0;
    left: 0;
    transition-property: top, color;
    transition-duration: .1s;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    perspective: 1000;
  }
  .search__field:-ms-input-placeholder {
    position: relative;
    top: 0;
    left: 0;
    transition-property: top, color;
    transition-duration: .1s;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    perspective: 1000;
  }
  .search__field::-webkit-input-placeholder[style*=hidden] {
    color: #83b0c1;
    font-size: .45em;
    font-weight: normal;
    top: -20px;
    opacity: 1;
    visibility: visible !important;
  }
  .search__field:-moz-placeholder[style*=hidden] {
    color: #83b0c1;
    font-size: .45em;
    font-weight: normal;
    top: -20px;
    opacity: 1;
    visibility: visible !important;
  }
  .search__field::-moz-placeholder[style*=hidden] {
    color: #83b0c1;
    font-size: .45em;
    font-weight: normal;
    top: -20px;
    opacity: 1;
    visibility: visible !important;
  }
  .search__field:-ms-input-placeholder[style*=hidden] {
    color: #83b0c1;
    font-size: .45em;
    font-weight: normal;
    top: -20px;
    opacity: 1;
    visibility: visible !important;
  }