@charset "utf-8";
@import "layer.css";


.wrapper { min-width:408px;}

/* header */
.header .row:after { display:block; content:""; clear:both;}

.header .row1 { background:#e7e7ea; height:35px; border-bottom:1px solid #a4abb3;}
.header .row1 .lArea {background:url("/publish/_ui/images2/encyclopedia/common/bg_sh.png") right 0  no-repeat; padding-right:14px;}
.header .row1 .lArea,
.header .row1 .lArea .links,
.header .row1 .lArea .links > li { float:left;}
.header .row1 .lArea .links > li > a { display:block; padding:0 25px; /* width:205px; */ height:35px; line-height:35px;  color:#000; background:url("/publish/_ui/images2/encyclopedia/common/bg_sh.png") 0 0  no-repeat #e7e7ea; border-right:1px solid #a4abb3; text-align:center; border-bottom:1px solid #a4abb3;  font-size:20px;}
.header .row1 .lArea .links > li > a.active { background:url("/publish/_ui/images2/encyclopedia/common/ico_active.png") 14px 5px no-repeat #222; color:#fff; font-weight:700; border-bottom-color:#222; padding-left:51px;}

.header .row1 .rArea { float:right; padding-right:30px;}
.header .row1 .rArea .item { position:relative; float:left; line-height:35px; padding:0 15px 0 16px;}
.header .row1 .rArea .item .txt { display:none;}
.header .row1 .rArea .item4 .txt ,
.header .row1 .rArea .item3 .txt ,
.header .row1 .rArea .item1 .txt { display:block;}
.header .row1 .rArea .item1 { padding-right:5px;}
.header .row1 .rArea .item1 > a { color:#656565; font-weight:700;}
.header .row1 .rArea .item2 { padding-left:5px; padding-right:5px;}
.header .row1 .rArea .item img { margin-top:-3px;}
.header .row1 .rArea .item.line { background:url("/publish/_ui/images2/encyclopedia/common/ico_top_line.png") no-repeat 0 50%;}
.header .row1 .rArea .item .inLayer { display:none; position:absolute; z-index:100; left:0; top:36px; width:525px; height:140px; margin-left:-420px; background:#004199; border-radius:10px; box-shadow:3px 3px 3px #aaa; padding:17px 0 0 25px;}
.header .row1 .rArea .item .inLayer .line { color:#fff; font-size:18px; padding-left:18px; background:url("/publish/_ui/images2/encyclopedia/common/ico_top_1_dot.png") no-repeat 0 50%;}
.header .row1 .rArea .item .inLayer .closer { position:absolute; right:10px; top:5px;}
.header .row1 .rArea .item .inLayer .lSub { color:#fff; font-size:18px;}

.header .row2 { /* text-align:center; */ position:relative; width:100%; background:#222;}
.header .row2 .logo { }
.header .row2 form { display:inline-block;}
.header .row2 .innerWrap { margin:0 auto; height:81px; padding:20px 0 0; /* text-align:center; */  background:none;}
.header .row2 .innerWrap:after { display:block; content:""; clear:both;}
.header .row2 .innerWrap > * { display:inline-block; line-height:1;  text-align:center; }
.header .row2 .innerWrap form > * { display:inline-block; line-height:1; padding:0}
.header .row2 .innerWrap .select { position:relative; display:inline-block; margin-left:20px; vertical-align:top; text-align:left; z-index:5; background:#fff;}
.header .row2 .innerWrap .select > .trigger { width:154px; padding:0 35px 0 15px; height:50px; border:2px solid #004199; border-width:2px 1px 2px 2px; text-align:left; background:url("/publish/_ui/images2/encyclopedia/common/ico_select_down.png") no-repeat 100% 50%; color:#004199; font-size:18px;}
.header .row2 .innerWrap .select > .trigger.active { background-image:url("/publish/_ui/images2/encyclopedia/common/ico_select_up.png");}
.header .row2 .innerWrap .select > .list { display:none; position:absolute; left:0; right:0; top:49px; border:1px solid #004199; background:#fff;}
.header .row2 .innerWrap .select > .list button { width:100%; line-height:30px; padding:0 15px; color:#004199; font-size:18px; text-align:left;}
.header .row2 .innerWrap .select > .list button.active,
.header .row2 .innerWrap .select > .list button:hover { background:#004199; color:#fff;}
.header .row2 .innerWrap .toplogo { display:inline-block; width:150px; position:relative; margin-left:20px;}
.header .row2 .innerWrap .textInput { display:inline-block; width:530px; position:relative; margin-left:-4px;}
.header .row2 .innerWrap .textInput input { width:100%; line-height:50px; height:50px; border:2px solid #004199; border-width:2px 2px 2px 0; background:#fff; padding:0 10px; font-size:20px; color:#444;}
.header .row2 .innerWrap .textInput .autoCompleteLayer { position:absolute; left:-1px; right:0; top:50px; z-index:50; border:2px solid #004199; border-width:0 2px 2px; background:#fff; text-align:left;}
.header .row2 .innerWrap .textInput .autoCompleteLayer li { padding:10px 15px;    list-style: none;}
.header .row2 .innerWrap .textInput .autoCompleteLayer li:hover { background:#efefef;}
.header .row2 .innerWrap .textInput .autoCompleteLayer li strong { color:#004199; font-weight:700;    list-style: none;}
.header .row2 .innerWrap .textInput .autoCompleteLayer .bot { background:#eff0f0; border-top:1px solid #aaa; padding:5px 15px; text-align:right;}
.header .row2 .innerWrap .doSearch { margin-left:-4px; width:70px; height:50px; background:#004199 url("/publish/_ui/images2/encyclopedia/common/ico_search1.png") no-repeat 50% 50%; overflow:hidden; border:0 none; text-indent:-1000px; border-radius:0 2px 2px 0;}
.header .row2 .innerWrap .sBtn { width:110px; height:50px; color:#fff; font-size:18px; font-weight:700; text-align:center; border-radius:2px;}
.header .row2 .innerWrap .sBtn.detailSearch { background:#717678; margin-left:8px;}
.header .row2 .innerWrap .sBtn.adminSearch { background:#565b5d; margin-left:5px;}
.header .row2 .func { position:absolute; right:30px; top:20px; text-align:center;}
.header .row2 .func a img,
.header .row2 .func button img { margin-left:4px;}
.header .row2 .func .viewChanger { width:146px; height:50px; border:1px solid #3366ff; color:#3366ff;  border-radius:2px;}
.header .row2 .func .viewChanger.active { background:#3366ff; color:#fff;}
.header .row2 form { display:inline-block; margin-left:-2px;}

.header .row2 .contentList { display:none;}

.header .row2.fixed { position:fixed; left:0; right:0; top:0; z-index:10; height:80px; background:rgba(51,103,173,0.8); text-align:center; min-width:915px;}
.header .row2.fixed > * { vertical-align:top;}
.header .row2.fixed .innerWrap { padding-top:15px; display:inline-block;}
.header .row2.fixed .innerWrap .select > .trigger { background-color:#fff;}
.header .row2.fixed .contentList { display:inline-block; position:relative; width:225px; text-align:left; margin-top:15px;}
.header .row2.fixed .contentList .trigger { display:block; width:100%; height:50px; padding:0 0 0 30px; color:#fff; border:1px solid #fff; font-size:16px; font-weight:700; text-align:left; background:url("/publish/_ui/images2/encyclopedia/common/ico_select2_down.png") no-repeat 200px 50%;}
.header .row2.fixed .contentList .listOfContents { display:none; position:absolute; left:0; right:0; top:55px; padding:20px 30px 12px; border:1px solid #004199; background:#fff;}
.header .row2.fixed .contentList .listOfContents .lTit { font-size:21px; color:#000; font-weight:700;}
.header .row2.fixed .contentList .listOfContents .list { list-style-type:decimal; padding:8px 0 0;}
.header .row2.fixed .contentList .listOfContents .list li { padding:8px 0; list-style-type:decimal; list-style-position:inside; font-size:18px; color:#000; line-height:1.4;}

.header .rArea {position:absolute; top:10px; right:20px;}
.header .rArea:after { content:""; display:block; clear:both;}
.header .rArea .link { float:left;list-style: none;}
.header .rArea .link li { float:left;}
.header .rArea .link li div { text-align:center;}
.header .rArea .link li div h2 { border:1px solid #2e2e2e; border-width:1px 1px 0 1px;}
.header .rArea .link li div h2 img {height:20px;}
.header .rArea .link li div h2 a { display:block; background:url("/publish/_ui/images2/encyclopedia/common/bg_sh3.png") 0 0 no-repeat #686869; padding:0 15px; height: 30px; line-height: 30px; border-radius:5px 5px 0 0;}
/*header .rArea .link li div span {display:block; font-size:13px; padding:0 10px;  background:url("/publish/_ui/images2/encyclopedia/common/bg_sh3.png") 0 100% no-repeat #686869; border:1px solid #2e2e2e; border-width:0 1px 1px 1px; line-height: 20px;color:#fff}*/
.headerCount {
    display: block;
    font-size: 12px;
    padding: 0 10px;
    background: url(/publish/_ui/images2/encyclopedia/common/bg_sh3.png) 0 100% no-repeat #686869;
    border: 1px solid #2e2e2e;
    border-width: 0 1px 1px 1px;
    line-height: 20px;
    color: #fff;
}

.header .rArea .link li.active a {background:#e7e7ea;color: #222;}
.header .rArea .link li.active span {background:#e7e7ea;color:#222}
.header .rArea .loginStatus { float:left; height:72px; margin-left:7px; width:138px;}
.header .rArea .loginStatus .userId { height:27px; line-height:27px; margin-top:7px; padding:0 10px; text-align:left; color:#fff; background:url("/publish/_ui/images2/encyclopedia/ico/ico_user_bg.png") no-repeat 0 0; text-align:center; font-size:12px;}
.header .rArea .loginStatus .logoutBtn { margin-top:6px;}
.header .rArea .loginStatus .logoutBtn a { display:block; height:26px; overflow:hidden; text-indent:-1000px; background:url("/publish/_ui/images2/encyclopedia/ico/ico_logout.png") no-repeat 0 0;}
.header .rArea .adminUserUtil { float:left; height:72px; width:152px; margin-left:6px;}
.header .rArea .adminUserUtil .cell { float:left; width:50%; line-height:34px; color:#fff; font-size:12px; text-align:center; border:1px solid transparent;}
.header .rArea .adminUserUtil .cell1 { border:1px solid #49494a; border-width:0 1px 1px 0;}
.header .rArea .adminUserUtil .cell4 { border:1px solid #49494a; border-width:1px 0 0 1px;}
.header .rArea .adminUserUtil .cell3,
.header .rArea .adminUserUtil .cell4 { margin-top:-2px;}
.header .rArea .adminUserUtil .cell2,
.header .rArea .adminUserUtil .cell4 { margin-left:-1px;}
.header .rArea .loginUserUtil { float:left; margin-left:6px;}
.header .rArea .loginUserUtil2 { float:left; margin-left:15px; margin-top:40px; color:#fff;}
.header .rArea .loginUserUtil2 .rBox {
    position: absolute;
    top: 76px;
    right: -5px;
    width: 180px;
    padding: 25px 20px 15px 20px;
    background: #004199;
    border-radius: 5px;
    text-align: left;
    font-size: 14px;
    line-height:20px;
}

.header .rArea .loginUserUtil2 .rBox .close {
    position: absolute;
    top: 10px;
    right: 10px;
}
.header .rArea .loginUserUtil a { float:left; width:70px; height:72px; line-height:110px; color:#fff; text-align:center; font-size:12px; background-position:50% 5px; background-repeat:no-repeat;}
.header .rArea .loginUserUtil a.mydoo { background-image:url("/publish/_ui/images2/encyclopedia/ico/ico_mydoopedia.png");}
.header .rArea .loginUserUtil a.customer { width:65px; background-image:url("/publish/_ui/images2/encyclopedia/ico/ico_customer.png");}

.header .rArea .loginForm { float:left; width:145px; position:relative; margin:7px 0 0 12px; color:#fff; font-size:12px;}
.header .rArea .loginForm [type="text"],
.header .rArea .loginForm [type="password"] { border:1px solid #678bbd; height:20px; width:98px; padding:0 5px; color:#000;}
.header .rArea .loginForm .submit { position:absolute; right:0; top:0; width:45px; height:40px; background:#004299; text-align:center; border:0 none;}
.header .rArea .loginForm .links { text-align:right; font-size:11px; margin-top:6px;}
.header .rArea .loginForm .links a { }
.header .rArea .loginForm .saveId { font-size:11px; margin-top:3px;}

.header .rArea .memberInfo {top: 5px; right: 0; position: absolute; width: 270px;}
.header .rArea .memberInfo > li:first-child {background:none;}
.header .rArea .memberInfo > li {position:relative; background:url("/publish/_ui/images2/encyclopedia/common/ico_line1.png") 0 12px no-repeat; width: 125px;}
.header .rArea .memberInfo > li a {display:block; height: 35px; line-height: 35px; color:#fff; font-size:13px;  padding:0 10px;}
/* .header .rArea .memberInfo li {text-align: center; color: #004199; background-color:white; padding:5px 11px; border: 2px solid #004199; font-size: 14px; margin-left: 10px;} */

.header .rArea .member {margin:35px 0 0 0; width: 270px;}
.header .rArea .member > li {position:relative; background:url("/publish/_ui/images2/encyclopedia/common/ico_line1.png") 0 12px no-repeat; width: 125px;}
.header .rArea .member > li a {display:block; height: 35px; line-height: 35px; color:#fff; font-size:13px;  padding:0 10px;}
.header .rArea .member > li:first-child {background:none;}
.header .rArea .member li .rBox {position:absolute; top:40px; right:20px; width:150px; padding:25px 10px 15px 10px; background:#004199; border-radius:5px;}
/* .header .rArea .member li .rBox li {background:url("/publish/_ui/images2/photo_community/common/ico_circle.png") 0 14px no-repeat; padding-left:10px;} */
.header .rArea .member li .rBox li a {color:#fff; font-size:13px;}
.header .rArea .member li .rBox .close {position:absolute; top:10px; right:10px;}
.header .rArea .member li .rBox .close img {width:15px;}

/* footer */
.footer { border-top:1px solid #4d4d4d; background:#222; color:#898888; width:100%;/*min-width: 1120px;*/}
.footer .innerContainer { margin:0 30px; overflow:hidden;}
.footer .lArea { float:left; padding:0 0 14px;}
.footer .lArea .logo { float:left; margin:18px 23px 0 0;}
.footer .lArea .logo img{ height:23px; margin-top: 7px;}
.footer .lArea .descWrap { overflow:hidden; padding:20px 0 0;   color:#898888;}
.footer .copyright { font-size:14px; padding:30px 0 0;}
.footer .lArea .descWrap .operate { font-size:14px; border-left:1px solid #666; height:36px; line-height: 36px; padding-left:15px;}
.footer .rArea { float:right;}
.footer .rArea .links { overflow:hidden; padding:11px 0 2px;list-style: none;}
.footer .rArea .links > li { float:left; margin-left:14px; padding-left:18px; background:url("/publish/_ui/images2/encyclopedia/common/ico_line2.png") no-repeat 0 50%; color:#898888; font-size:14px; line-height:53px; height:53px;list-style: none;}
.footer .rArea .links > li:first-child { margin-left:0; padding-left:0; background:none;}
.footer .rArea .links > li.sp1 { color:#c1c1c1; font-weight:700;}

/* indexContainer */
.indexContainer { padding:0 0 20px; border-top:1px solid #cbcfd2; background:#222;}

/* articleContainer */
.articleContainer { position:relative; padding:5px 0 5px; /* background: url("/publish/_ui/images2/encyclopedia/index/bg_pattern1.png") repeat 0 0; */ background:#222;}
.articleContainer .rowContainer { /* width:1580px; */ margin:0 auto; position:relative; }
.articleContainer .row { margin:0 20% 0 0; padding:0 5px;}
.articleContainer .row:after { content:""; display:block; clear:both;}
.articleContainer .row2 { margin-top:5px;}

.articleContainer .articleItem { float:left; width:50%;}
.articleContainer .articleItem .innerWrap { border:1px solid #cef2e0; border-radius:3px; background:#f5fffa;}
.articleContainer .articleItem .innerWrap .boxWrap { overflow:hidden; height:254px; position:relative;background-color: #222222;}
.articleContainer .articleItem.left .innerWrap { margin-right:5px;}

.articleContainer .articleItem .descWrap .articleTit { padding:2px 0 0;  font-size:24px; font-weight:700; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;color: #fff;}
.articleContainer .articleItem .descWrap .desc { margin:10px 0 0; line-height:25px; height:195px; overflow:hidden; text-align:left;color: #fff;padding: 0;}

.articleContainer .articleItem .descWrap .desc2 { margin:10px 0 0; line-height: 25px; height: 195px;overflow: hidden;text-align:justify;color:#fff;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 8; -webkit-box-orient: vertical;word-wrap:break-word; }

.articleContainer .articleItem.type1 .img { float:left; position:relative; width:230px; height:254px; line-height:254px; background:#222222; overflow:hidden; text-align:center;}
.articleContainer .articleItem.type1 .img a { display:block; position:absolute; left:50%; top:50%; width:97%; -webkit-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%);  }
.articleContainer .articleItem.type1 .img img { width:100%; height:auto;}
.articleContainer .articleItem.type1 .descWrap {width:auto; margin-left:230px; padding:15px; position:relative;background-color: #222222;}
.articleContainer .articleItem.type1 .descWrap .arrow { position:absolute; left:-20px; top:110px; width:20px; height:26px; background:url("/publish/_ui/images2/encyclopedia/index/ico_item_off.png") no-repeat 0 0;}

.articleContainer .articleItem.type2 .img { position:absolute; top:25px; right:0; bottom:15px; width:191px; height:144px; margin:70px 9px 0 0; text-align:center;}
.articleContainer .articleItem.type2 .img a { display:block;}
.articleContainer .articleItem.type2 .img img { width:100%; height:100%;}
.articleContainer .articleItem.type2 .img2 { position:absolute; top:-6px; right:0; bottom:15px; width:191px; height:144px; margin:70px 9px 0 0; text-align:center;}
.articleContainer .articleItem.type2 .img2 a { display:block;}
.articleContainer .articleItem.type2 .img2 img { width:100%; height:100%;}
.articleContainer .articleItem.type2 .descWrap { overflow:hidden; padding:15px;}
.articleContainer .articleItem.type2 .descWrap .articleTit { margin-right:52px;overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
.articleContainer .articleItem.type2 .descWrap .desc { margin-right:195px;}
.articleContainer .articleItem.type2 .descWrap .desc2 { margin-right:195px;} /* 메인 컨텐츠 ... 처리에 필요*/
.articleContainer .articleItem.type2 .innerWrap { border:1px solid #cedff2; border-radius:3px; background:#f5faff;}
.articleContainer .articleItem.type2 .slideGo { position:absolute; right:15px; top:45px;}

.articleContainer .articleItem.type2.noImg .descWrap .articleTit { margin-right:0;}
.articleContainer .articleItem.type2.noImg .descWrap .desc { margin-right:0;}
.articleContainer .articleItem.type2.noImg .descWrap .desc2 { margin-right:0;} /* 메인 컨텐츠 ... 처리에 필요*/

.articleContainer .articleItem.type3 .boxWrap { height:175px;}
.articleContainer .articleItem.type3 .descWrap {padding:15px;}
.articleContainer .articleItem.type3 .descWrap .more {position:absolute; top:15px; right:15px;}
.articleContainer .articleItem.type3 .innerWrap { border:1px solid #f2dcce; border-radius:3px; background:#fffdf5;}
.articleContainer .articleItem.type3.right .innerWrap { border:1px solid #ddcef2; border-radius:3px; background:#faf5ff;}
.articleContainer .articleItem.type3 .innerWrap .desc.list {margin-top:5px;}
.articleContainer .articleItem.type3 .innerWrap .desc.list li {margin-top:5px; background:url("/publish/_ui/images2/encyclopedia/index/bullet_pink.png") 0 12px no-repeat;  padding:5px 0 0 10px; border-top:1px solid #f2dcce; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
.articleContainer .articleItem.type3 .innerWrap .desc.list li:first-child {border-top:0;}
/* .articleContainer .articleItem.type3 .innerWrap .desc.list li strong {display:block;} */
.articleContainer .articleItem.type3.right .innerWrap .desc.list { }
.articleContainer .articleItem.type3.right .innerWrap .desc.list li { background:url("/publish/_ui/images2/encyclopedia/index/bullet_vl.png") 0 12px no-repeat;}
.articleContainer .articleItem.type3.right .innerWrap .desc.list li strong {display:inline-block;}

/* .articleContainer .articleItem .innerWrap:hover { border-color:#006cff; background:#004199; -webkit-transition:0.25s all; transition:0.25s all;}
.articleContainer .articleItem .innerWrap:hover .descWrap .arrow { background-image:url("/publish/_ui/images2/encyclopedia/index/ico_item_on.png"); -webkit-transition:0.25s all; transition:0.25s all;}
.articleContainer .articleItem .innerWrap:hover .descWrap .articleTit { color:#fff;}
.articleContainer .articleItem .innerWrap:hover .descWrap .desc { color:#fff;}
.articleContainer .articleItem .innerWrap:hover .descWrap .desc a { text-decoration:none;} */

/* asideCont */
.articleContainer .asideCont { position:absolute; right:5px; top:0; width:20%;}
.articleContainer .asideCont .asideItem { }
.articleContainer .asideCont .asideItem .innerWrap { position:relative; height:698px; padding:15px; border:1px solid #f2cece; border-radius:3px; background-color:#222222; }
.articleContainer .asideCont .asideItem .innerWrap .history_list {height:635px; overflow:hidden; margin-top:10px;    color: #fff;    list-style: none;  padding: 0;text-align: justify;}
.articleContainer .asideCont .asideItem .innerWrap .history_list li {background:url("/publish/_ui/images2/encyclopedia/index/bullet_pink.png") 0 6px no-repeat; margin-top:10px; overflow:hidden; padding-left:10px; line-height: 20px; height:80px;}
.articleContainer .asideCont .asideItem .innerWrap .history_list li span {display:inline-block; float:left; width:50px; color:#5AC1FF;}
.articleContainer .asideCont .asideItem .innerWrap .history_list li a {display:block; /* width:118px; */ margin-left:50px;}
.articleContainer .asideCont .asideItem .innerWrap .more {position:absolute; top:15px; right:15px;}
.articleContainer .asideCont .asideItem .tit { font-size:22px;  font-weight:700;    color: #fff;}
.articleContainer .asideCont .asideItem .txt { margin:20px 0 0; font-size:15px;  line-height:24px;}
.articleContainer .asideCont .asideItem .txt2 { margin:10px 0 0; padding:5px; border-radius:5px; background:#dfe0e0; text-align:center;}
.articleContainer .asideCont .asideItem .txt2 dt {   font-size:20px; font-weight:700;}
.articleContainer .asideCont .asideItem .txt2 dd { margin:10px 0 0; color:#094493; font-size:18px; font-weight:700;}
.articleContainer .asideCont .asideItem .btns { margin:10px 0 0;}
.articleContainer .asideCont .asideItem .btns a { display:block; height:36px; line-height:36px; background:#565b5d; border-radius:5px; color:#fff;  color:#fff; text-align:center;}
.articleContainer .asideCont .asideItem .btns a img { margin-left:5px; margin-top:-2px;}
.articleContainer .asideCont .asideItem .go { position:absolute; right:5px; top:5px;}

.articleContainer .asideCont .asideItem.item2 { margin:20px 0 0;}
.articleContainer .asideCont .asideItem.item1 {padding-left:5px;}

/* .articleContainer .asideCont .asideItem.item1 .innerWrap { background-image:url("/publish/_ui/images2/encyclopedia/index/ico_history.png");}
.articleContainer .asideCont .asideItem.item2 .innerWrap { background-image:url("/publish/_ui/images2/encyclopedia/index/ico_parti.png");} */

/* imageList */
.imageList { }
.imageList .mainTit { color:#fff; font-size:22px; font-weight:700; margin:15px 0 0 10px;}
.imageList .inContainer { /* width:1580px; */ margin:0 auto; padding:15px 0 0; overflow:hidden;}
.imageList .item { float:left; width:12.5%; margin-bottom: 15px;}
.imageList .item a { display:block; position:relative; margin:0 7.5px; overflow:hidden;}
.imageList .item a img { display:none;}
.imageList .item a img.origin { margin-top:-1px; position:absolute; left:50%; top:50%; -webkit-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%);}
.imageList .item a img.base { display:block; position:relative; width:100%;}
.imageList .item a span { position:absolute; left:0; bottom:0; right:0; z-index:2;}
.imageList .item a span .cat { display:none; padding:0 12px 16px; background:url("/publish/_ui/images2/encyclopedia/index/ico_underline.png") no-repeat 12px 26px; color:#fff; }
.imageList .item a span .tit { padding:0 12px; line-height:36px; background:rgba(0,0,0,0.7); text-align:center;  color:#fff; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;display:block; }
html.ie8 .imageList .item a span .tit {  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#70000000,endColorstr=#70000000);}
.imageList .item a .plus { display:none; position:absolute; left:auto; right:10px; top:10px; z-index:2; -webkit-transform:translateX(0%) translateY(0%); transform:translateX(0%) translateY(0%);}
.imageList .item a .dimm { display:none; position:absolute; left:0; right:0; top:0; bottom:0; z-index:1; background:rgba(11,61,138, 0.8);}
.imageList .item a:focus .dimm,
.imageList .item a:hover .dimm { display:block;}
.imageList .item a:focus span .cat,
.imageList .item a:hover span .cat { display:block;}
.imageList .item a:focus span .tit,
.imageList .item a:hover span .tit { background:none; text-align:left;}
.imageList .item a:focus .plus,
.imageList .item a:hover .plus { display:block;}

.imageList2 { margin:30px 0 0; border-bottom:1px solid;}
.imageList2 .inContainer { margin-left:-7.5px; margin-right:-7.5px; overflow:hidden;}
.imageList2 .item { float:left; width:10.66666666666667%; padding:0 0 15px;}
.imageList2 .item a { display:block; position:relative; margin:0 7.5px; overflow:hidden; padding : 1px; }
.imageList2 .item a img { display:none;}
.imageList2 .item a img.origin { position:absolute; left:50%; top:50%; -webkit-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%);}
.imageList2 .item a img.base { display:block; width:100%;}
.imageList2 .item a figcaption { position:absolute; left:0; bottom:0; right:0; z-index:2; background:rgba(0,0,0,0.7); color:#fff; height:35px; line-height:35px; color:#fff;  text-align:center;  overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
.imageList2 .item .audio,
.imageList2 .item .video { display:block; position:absolute; right:10px; top:10px; z-index:3;}

/* utilContainer */
.utilContainer { margin:15px 0 0;}
.utilContainer .inContainer { position:relative; /* width:1580px; */ margin:0 auto; padding:9px 0; overflow:hidden;/*  border-top:3px solid #6b7682; border-bottom:1px solid #ddd; */ background:#333;}
.utilContainer .inContainer .linkWrap { margin:0 1582px 0 0; overflow:hidden; height:55px; line-height:55px; color:#fff;}
.utilContainer .inContainer .linkWrap .link { float:left; width:50%; text-align:center; border-right:1px solid #ddd;}
.utilContainer .inContainer .linkWrap .link a { display:inline-block;}
.utilContainer .inContainer .linkWrap .link a:hover { text-decoration:none;}
.utilContainer .inContainer .linkWrap .link a img { margin-top:-4px;}
.utilContainer .inContainer .linkWrap .link a .img1 { width:53px;}
.utilContainer .inContainer .linkWrap .link a .img2 { margin-top:-6px;}
.utilContainer .inContainer .linkWrap .link .txt { margin:0 5px 0 15px;  font-size:20px;  font-weight:700;}
.utilContainer .inContainer .themeWrap { position:absolute; right:0; top:9px; width:1582px; padding:0 27px; height:55px; line-height:55px;}
.utilContainer .inContainer .themeWrap .tit { float:left; width:180px; padding-left:38px; color:#fff; font-weight:700; font-size:20px; background:url("/publish/_ui/images2/encyclopedia/index/ico_theme.png") no-repeat 0 50%;}
.utilContainer .inContainer .themeWrap .tit strong { color:#fff;}
.utilContainer .inContainer .themeWrap .themeList { position:relative; overflow:hidden; height:55px;}
.utilContainer .inContainer .themeWrap .themeList .list { position:relative; overflow:hidden; margin-right:36px;}
.utilContainer .inContainer .themeWrap .themeList .list li { float:left; width:12%; text-align:center; background:url("/publish/_ui/images2/encyclopedia/index/ico_line3.png") no-repeat 0 50%; color:#fff;}
.utilContainer .inContainer .themeWrap .themeList .list li:first-child { background-image:none;}
.utilContainer .inContainer .themeWrap .btns { position:absolute; right:0; top:0;}
.utilContainer .inContainer .themeWrap .btns button { display:block; height:27px; line-height:1px;}
.utilContainer .inContainer .themeWrap .btns button.down { margin-top:-1px;}

/* utilContainer2 */
.utilContainer2 { margin:15px 0 0; padding:9px 0; background:#333;}
.utilContainer2 .tit { margin: 0 0 10px 30px; padding: 5px 0 5px 38px; color: #fff; font-weight: 700; font-size: 20px; background: url("/publish/_ui/images2/encyclopedia/index/ico_theme.png") no-repeat 0 2px;}
.utilContainer2 .list { overflow:hidden; }
.utilContainer2 .list li { float:left; width:10%; text-align:center; background:url("/publish/_ui/images2/encyclopedia/index/ico_line3.png") no-repeat 0 50%; color:#fff; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; line-height:30px;}
.utilContainer2 .list li:nth-child(10n+1), .utilContainer2 .list li:first-child {background:none;}

/* categoryContainer */
.categoryContainer { }
.categoryContainer .inContainer { padding:10px 0; width:1580px; margin:0 auto; overflow:hidden; background:url("/publish/_ui/images2/encyclopedia/index/ico_line4.png") repeat-x 0 100%;}
.categoryContainer .inContainer .tit { float:left;}
.categoryContainer .inContainer .listWrap { overflow:hidden; position:relative; line-height:44px; padding-left:15px;}
.categoryContainer .inContainer .listWrap .list { padding-left:15px; background:url("/publish/_ui/images2/encyclopedia/index/ico_line5.png") repeat-y 0 0;}
.categoryContainer .inContainer .listWrap .list:after { content:""; display:block; clear:both;}
.categoryContainer .inContainer .listWrap .list li { float:left; width:105px; text-align:left;}
.categoryContainer .inContainer .listWrap .list li a { padding-left:11px; background:url("/publish/_ui/images2/encyclopedia/index/ico_arrow4.png") no-repeat 0 50%;  }
.categoryContainer .inContainer .listWrap .blank { position:absolute; left:0; right:0; bottom:0; height:1px; background:#fff;}

/* pathIndicator */
.pathIndicator { position:relative; z-index:1; background:#000; height:51px; overflow:hidden; display:flex;}
.pathIndicator .order:after { content:""; display:block; clear:both;}
.pathIndicator .order > li { float:left; position:relative;}
.pathIndicator .order > li > span { display:block; height:51px; line-height:51px; text-align:center; padding:0 15px; border-right:1px solid rgba(255, 255, 255, 0.2); color:#fff; font-size: 17px; }
.pathIndicator .order > li > button { display:block; height:51px; line-height:51px; padding:0 55px 0 15px; background:url("/publish/_ui/images2/encyclopedia/ico/ico_path_off.png") no-repeat 100% 50%; color:#fff;  border-right:1px solid rgba(255, 255, 255, 0.2);}
.pathIndicator .order > li > button.open { background-image:url("/publish/_ui/images2/encyclopedia/ico/ico_path_on.png");}
.pathIndicator .order > li > ul { position:absolute; left:0; top:51px; border-top:1px solid #ccc;}
.pathIndicator .order > li > ul > li > a { display:block; height:40px; line-height:40px; padding:0 20px; border:1px solid #ccc; border-width:0 1px 1px; background:#fff; text-align:left; color:#333; }
.pathIndicator .order > li img{vertical-align:baseline;}

/* contentContainer */
.contentContainer { position:relative; padding:0 !important;}
.contentBody { padding:0 50px;  }

/* contTit */
.contTit { font-size:26px; font-weight:700; padding:0 0 5px; border-bottom:1px solid #ddd; vertical-align:middle;}
.contTit.small { font-size:22px; padding-bottom:10px;}
.contTit .num { vertical-align:middle; font-size:22px;}
.contTit .inWrap { display:inline-block; padding:0 10px; background:#f5f5f5; vertical-align:middle; height:30px; line-height:30px;}
.contTit .inWrap span { display:inline-block; vertical-align:middle; padding:0 12px; background:url("/publish/_ui/images2/encyclopedia/ico/ico_line4.png") no-repeat 0 45%; font-size:16px; line-height:1; color:#000;}
.contTit .inWrap span img { margin-top:-2px; margin-right:4px;}
.contTit .inWrap span:first-child { background-image:none;}
.contTit .tt { margin-left:10px; padding-left:17px; font-size:18px; vertical-align:bottom; background:url("/publish/_ui/images2/encyclopedia/ico/ico_dash.png") no-repeat 0 8px;}

.contTit2 { margin:30px 0 0; font-size:21px; font-weight:700;}

.contTit3 { color:#3366ff; font-size:18px; font-weight:700;}

.contTit3.type1 { margin-top:30px; padding-top:30px; border-top:1px solid #ddd;}

.contTit4 { padding-left:39px; background:url("/publish/_ui/images2/encyclopedia/common/ico_tit2.png") no-repeat 0 0; font-size:26px; color:#000; font-weight:700; text-align:left; line-height:1.3;}

/* menuList */
.menuList { position:relative; height:55px; line-height:55px; border:1px solid #ddd; border-radius:3px; background:#fff;}
.menuList:after { content:""; display:block; clear:both;}
.menuList .list,
.menuList .list ul,
.menuList .list a,
.menuList .list li { float:left; font-size:16px;}
.menuList .list > li { padding:0 21px; background:url("/publish/_ui/images2/encyclopedia/ico/ico_line1.png") no-repeat 0 47%;    list-style: none;}
.menuList .list > li:first-child { background-image:none;}
.menuList .list > li > a { height:55px;  font-size:18px;}
.menuList .list > li.active > a { border-bottom:6px solid #004199; color:#004199; font-weight:700;}
.menuList .list > li > ul { padding-left:10px;}
.menuList .list > li > ul > li { padding:0 10px; color:#000; font-size:14px; background:url("/publish/_ui/images2/encyclopedia/ico/ico_line2.png") no-repeat 0 47%;}
.menuList .list > li > ul > li:first-child { background-image:none;}
.menuList .list > li > ul > li:last-child { padding-right:0;}
.menuList .list > li > ul > li.active { color:#3366ff; font-weight:700;}
.menuList .btnType { position:absolute; right:20px; top:5px; height:33px; line-height:33px; min-width:0;}
.menuList .btnType2 { position:absolute; right:164px; top:5px; height:33px; line-height:33px; min-width:0;}

/* moduleWrap */
#content .moduleWrap { overflow:hidden; clear:both; position:relative; margin:10px 0 0;    padding: 10px 0 50px 0; border-radius:3px; background:#fff;}
#content .moduleWrap .seeMore { position:absolute; right:25px; top:21px; padding-right:30px; background:url("/publish/_ui/images2/encyclopedia/ico/ico_plus1.png") no-repeat 100% 50%; line-height:19px; color:#000; font-size:14px;}
#content .moduleWrap .seeMore2 { position:absolute; right:20px; bottom:20px; padding:0 30px 0 10px; background:url("/publish/_ui/images2/encyclopedia/ico/ico_plusG.png") no-repeat right 10px top 50% #108445; line-height:33px; color:#fff; font-size:14px; border-radius:2px;}
#content .moduleWrap.top { margin-top:0;}
/* .moduleWrap.top { margin-top:0; height: 50px; background: none; border: 0px;} */
#content .moduleWrap.narrow { padding:5px 20px;}
#content .moduleWrap.innerNoPadding { padding-top:5px; padding-bottom:5px;}

/* categoryWrap */
.categoryWrap { position:relative;float:left;  width:644px; border-right:1px solid #f5f5f5; padding-right:30px;}
.categoryWrap .list { margin:5px 0 0; overflow:hidden;}
.categoryWrap .list li { margin:11px 0; padding-left:13px; background:url("/publish/_ui/images2/encyclopedia/ico/ico_dot1.png") no-repeat 0 5px;  color:#666;}
.categoryWrap .list li .divider { margin:0 4px; font-size:12px; color:#9da3a8; vertical-align:middle;}
.categoryWrap .list li a { display:inline-block; color:#3366ff; font-weight:700; padding-bottom:2px; border-bottom:1px solid #3366ff;}
.categoryWrap .list li a:hover { text-decoration:none;}
.categoryWrap .seeMore { top:2px;}

.contentBody.categoryOpen > * { display:none;}
.contentBody.categoryOpen > .menuList { display:block;}
.contentBody.categoryOpen .moduleWrap.narrow { display:block;}
.contentBody.categoryOpen .moduleWrap.category { display:block;}
.contentBody.categoryOpen .categoryWrap { float:none; width:auto; height:auto; border-right-width:0; padding-right:0;}
.contentBody.categoryOpen .categoryWrap .list { height:auto;}
.contentBody.categoryOpen .categoryWrap .list li { display:block !important;}
.contentBody.categoryOpen .categoryWrap .seeMore { right:0; background-image:url("/publish/_ui/images2/encyclopedia/ico/ico_minus1.png");}
.contentBody.categoryOpen .relatedWord { display:none;}

#content .moduleWrap.category { padding-bottom:0;}

/* relatedWord */
.relatedWord { overflow:hidden;}
.categoryWrap + .relatedWord { padding-left:30px;}
.relatedWord .wordList { margin:10px 0 0; overflow:hidden;}
.relatedWord .wordList a { display:inline-block; color:#000;  margin:0 13px 6px 0;}
.relatedWord .wordList a:last-child { margin-left:0;}
.relatedWord .wordList a:hover { color:#3366ff;}

/* listType */
.listType1 { padding:5px 0 0;}
.listType1 .item { overflow:hidden; padding:5px 0 5px; background:url("/publish/_ui/images2/encyclopedia/ico/ico_line3.png") repeat-x 0 0;}
.listType1 .item:first-child { background-image:none;}
.listType1 .item > .imgF { position: relative; float:left; margin-right:20px;}
.listType1 .item > .imgF .origin { position: absolute; left: 0; top: 0; object-fit: cover; width: 100%;height: 100%;}
.listType1 .item .descWrap { overflow:hidden;}
.listType1 .item .itemTit { padding:4px 0 0; color:#3366ff; font-size:22px; font-weight:700; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
.listType1 .item .itemTit a { padding:0 0 2px; border-bottom:2px solid transparent; white-space: nowrap; overflow:hidden; text-overflow:ellipsis; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis;}
.listType1 .item .itemTit a:hover { text-decoration:none; border-bottom:2px solid #3366ff;}
.listType1 .item .itemTit .refer { font-size:15px; color:#999;}
.listType1 .item .desc {     margin: 10px 0 0;
    line-height: 25px; 
    overflow: hidden;
    text-align: left;
    /* color: #fff; */
    text-overflow: ellipsis;
    font-size:18px;
    display: -webkit-box;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
    word-wrap: break-word;}
.listType1 .item .desc.cate { }
.listType1 .item .desc strong { font-size:19px;}
.listType1.double { overflow:hidden; display:flex; flex-wrap:wrap;}
.listType1.double .item {  width:50%;  padding:17px 10px; background:url("/publish/_ui/images2/encyclopedia/ico/ico_line3.png") repeat-x 0 100%;}

.listType1 .sTit { font-size:22px; padding:15px 0 0; font-weight:700;}

.listType2 li { margin:13px 0 0; padding:0 0 0 18px; background:url("/publish/_ui/images2/encyclopedia/ico/ico_circle.png") no-repeat 0 7px; color:#000; font-size:16px; line-height:1.5;list-style: none;}

.listType3 li { margin:6px 0 0; padding:0 0 0 18px; background:url("/publish/_ui/images2/encyclopedia/ico/ico_square.png") no-repeat 0 9px; color:#000; font-size:18px; line-height:1.5;list-style: none;}
.listType3 .link { color:#004199; font-weight:700; text-decoration:underline;}
.listType3 .color1 { color:#b20000; font-weight:700;}
.listType3 .color2 { color:#3366ff; font-weight:700;}

.imgWrap img { max-width:100%;}

/* listTable1 */
.listTable1 { margin:15px 0 0;}
.listTable1 table { width:100%;}
.listTable1 table thead th { border:1px solid #ddd; border-width:1px 0; padding:3px 0; font-size:18px;  vertical-align:middle; background:#f5f5f5;}
.listTable1 table thead tr th:first-child { border-left-width:1px;}
.listTable1 table thead tr th:last-child { border-right-width:1px;}
.listTable1 table tbody td { padding:3px 0; vertical-align:middle; border-top:1px solid #ddd; text-align:center; line-height:1.7;}
.listTable1 table tbody tr:first-child td { border-top-width:0;}
.listTable1 table tbody .left { text-align:left; padding-left:10px;}
.listTable1 table tbody td .imgF .imgs { display:inline;}
.listTable1 table tbody td a.img .imgF { margin:5px 8px 5px 0;}
.listTable1 table tbody td .comment { display:inline-block; margin-left:5px; color:#058ee3;}
.listTable1 table tbody td .comment img { margin-right:5px; margin-top:-4px;}
.listTable1 table tbody td .recomm { color:#058ee3;}
.listTable1 table tbody td .newWindow { margin-left:15px; color:#014299;}

/* paging */
.paging {  }
.paging > li { display:inline-block; vertical-align:top;}
.paging > li > a { display:flex; align-items:center; justify-content:center; width:34px; height:34px; margin:0 2px; line-height:34px; text-align:center; color:#333; border-radius:4px;}
.paging > li > a.func { border:1px solid #ddd;}
.paging > li > a.func img { }
.paging > li > a.active { background:#3366ff; font-size:14px; color:#fff;}
.paging.type1 { padding-top:0; border-top:0;}

/* tabType */
.tabType1 { display:flex; flex-wrap:wrap; margin:20px 0 0;}
.tabType1 li {  list-style: none;     margin-right: -1px;} 
.tabType1 li a { display:block; padding:0 20px; height:40px; line-height:38px; border:1px solid #ddd; font-size: 16px;   text-align:center;}
.tabType1 li:first-child a { border-left-width:1px;}
.tabType1 li a.active { background:#000; color:#fff;list-style: none; border-color:#000; z-index: 1;  position: relative;}

/* categoryIndexWrap */
.categoryIndexWrap { }
.categoryIndexWrap .row { overflow:hidden; margin:30px 0 0;}
.categoryIndexWrap .row .rTit { float:left; width:150px; margin-right:20px; border:1px solid #004199; border-width:2px 0 1px; color:#004199; font-size:20px; font-weight:700;   height:42px; line-height:42px; text-align:center;}
.categoryIndexWrap .row .cDescWrap { overflow:hidden; position:relative; background:url("/publish/_ui/images2/encyclopedia/ico/ico_category_bg2.png") repeat-x 0 0;}
.categoryIndexWrap .row .cDescWrap .list { padding-left:15px; background:url("/publish/_ui/images2/encyclopedia/ico/ico_category_bg.png") repeat 0 0;}
.categoryIndexWrap .row .cDescWrap .list:after { content:""; display:block; clear:both;}
.categoryIndexWrap .row .cDescWrap .list li { float:left; width:173px; text-align:left; height:41px; line-height:41px;}
.categoryIndexWrap .row .cDescWrap .list li a { padding-left:11px; background:url("/publish/_ui/images2/encyclopedia/index/ico_arrow4.png") no-repeat 0 50%;  }
.categoryIndexWrap .row .cDescWrap .list li a.active { color:#004199; font-weight:700;}
.categoryIndexWrap .row.first { margin-top:0;}
.categoryIndexWrap .row.first .rTit { border-width:0; height:auto; line-height:1;}
.categoryIndexWrap .row.first .cDescWrap { background:none;}

/* categorySearchResult */
.categorySearchResult { }
.categorySearchResult .resultHeader { overflow:hidden; padding:0 0 18px; border-bottom:3px solid #ddd;}
.categorySearchResult .resultHeader .titWrap { float:left;}
.categorySearchResult .resultHeader .titWrap > * { float:left;}
.categorySearchResult .resultHeader .titWrap .tit { color:#004199; font-size:26px; font-weight:700; line-height:40px;}
.categorySearchResult .resultHeader .titWrap .tit span { display:inline-block; vertical-align:middle;}
.categorySearchResult .resultHeader .titWrap .tit .divider img { margin-top:-2px; margin-left:7px; margin-right:7px;}
.categorySearchResult .resultHeader .titWrap .subDepth { margin-left:45px; line-height:42px; font-size:22px; font-weight:700; color:#000;}
.categorySearchResult .resultHeader .titWrap .subDepth > a { margin-left:15px;}
.categorySearchResult .resultHeader .titWrap .subDepth > a:first-child { margin-left:0;}
.categorySearchResult .resultHeader .innerSearch { float:right; line-height:40px;}
.categorySearchResult .resultHeader .innerSearch > * { float:left;}
.categorySearchResult .resultHeader .innerSearch .sTit { font-size:21px; color:#000;}
.categorySearchResult .resultHeader .innerSearch .text { height:40px; width:260px; padding:0 10px; margin-left:25px; border:1px solid #ddd;}
.categorySearchResult .resultHeader .innerSearch .submit { margin-left:10px;}
.categorySearchResult .resultHeader .innerSearch .viewBy { width:135px; height:40px; line-height:40px; border:1px solid #333; text-align:center; font-size:18px; color:#000;}
.categorySearchResult .resultHeader .innerSearch .viewBy.active { background:#333; color:#fff;}
.categorySearchResult .resultHeader .innerSearch .viewBy.abc { margin-left:20px;}

/* sortByChar */
.sortByChar { margin:20px 0 0;}
.sortByChar .list { display:flex; flex-wrap: wrap;}
.sortByChar .list li { margin-top:-1px; margin-right: -1px;}
.sortByChar .list li a { display:block; width:40px; height:40px; line-height:38px;  border:1px solid #ddd; text-align:center;}
.sortByChar .list li a.active { background:#333; color:#fff; border-color:#333;}
.sortByChar .list li.wide a { width:137.5px;} 

/* contentHeader */
.contentHeader { position:relative; overflow:hidden;}

.headerUtils { position:absolute; right:30px; top:0px; width:840px;}
.headerUtils .line { overflow:hidden; text-align:right;     display: flex; gap: 5px;  flex-wrap: wrap; justify-content: flex-end;}
.headerUtils .line > * { display:inline-block; height:40px; line-height:40px;}
.headerUtils .line1 { margin:5px 0 0; }
.headerUtils .btn1 { background:#000; font-size:18px; color:#fff; text-align:center; border-radius:2px; margin-left:2px;}
.headerUtils .btn2 { border:1px solid #ddd; font-size:18px; color:#000; text-align:center; border-radius:2px; margin-left:2px; height:40px !important; line-height:40px !important;background:#fff;}
.headerUtils .btn3 { background:#004199; color:#fff; border-color:#004199;}
.headerUtils .sns,
.headerUtils .char.smaller { margin-left:5px;}
.headerUtils .width1 { width:150px;}
.headerUtils .width2 { width:98px;}
.headerUtils .index { padding-left:10px; text-align:center; margin-right:15px; font-size:14px;}
.headerUtils .viewCount { width:151px; padding-left:20px; background:url("/publish/_ui/images2/encyclopedia/ico/ico_line5.png") no-repeat 0 50%; font-size:14px; color:#666; text-align:left;}
.headerUtils a:hover { text-decoration:none;}

.headerUtils.type1 { position:relative; right:auto; top:auto; width:auto; margin:5px 0 5px;}
.headerUtils.type1:after { content:""; display:block; clear:both;}
.headerUtils.type1 .line.left { float:left; text-align:left; line-height:40px;}
.headerUtils.type1 .line.right { float:right; margin-top:0; overflow:visible;}
.headerUtils.type1 .index { padding-left:0;}
.headerUtils.type1 .line > * { height:auto; line-height:inherit;}

.headerUtils.renew { position:absolute; right:30px; top:10px; width:840px;}
.headerUtils.renew2 { position:relative; right:auto; top:-60px; width:auto; margin:5px 0 5px;}

.categoryIndicator { margin-right:640px; min-height:75px; padding-top:7px;}
.categoryIndicator .line { overflow:hidden; padding-left:13px; background:url("/publish/_ui/images2/encyclopedia/ico/ico_dot3.png") no-repeat 0 50%;}
.categoryIndicator .line > * { float:left; height:30px; line-height:30px; }
.categoryIndicator .divider { margin:0 14px;}
.categoryIndicator .divider img { margin-top:-2px;}
.categoryIndicator a span { display:inline-block; line-height:1; padding-bottom:1px;}
.categoryIndicator .current span { border-bottom:1px solid #3366ff; color:#3366ff;}

/* media_wrap */
.media_wrap { position:absolute; right:30px; top:25px;}
.media_wrap > span { display:block;}
.media_wrap > span > ul { overflow:hidden;}
.media_wrap > span > ul > li { float:left; padding:0 24px; background:url("/publish/_ui/images2/encyclopedia/ico/ico_line8.png") no-repeat 0 50%; color:#666;}
.media_wrap > span > ul > li:first-child { padding-left:0; background:none;}
.media_wrap > span > ul > li a { display:inline-block; line-height:20px;}
.media_wrap > span > ul > li a span { display:inline-block; height:20px; background-repeat:no-repeat; background-position:0 55%; line-height:20px;}
.media_wrap > span > ul > li a span.photo { padding-left:33px; background-image:url("/publish/_ui/images2/encyclopedia/ico/ico_tit_img.png"); background-position:0 40%;}
.media_wrap > span > ul > li a span.audio { padding-left:25px; background-image:url("/publish/_ui/images2/encyclopedia/ico/ico_tit_audio.png");}
.media_wrap > span > ul > li a span.video { padding-left:33px; background-image:url("/publish/_ui/images2/encyclopedia/ico/ico_tit_movie.png");}

/* encyberContentContainer */
.encyberContentContainer { position:relative; font-size:18px;}
.encyberContentContainer .eTit { font-size:42px; color:#000; font-weight:700;   border-bottom:3px solid #000;  }
.encyberContentContainer .eTit .openDic { margin-top:-3px; margin-left:20px; vertical-align:middle;}

.encyberContentContainer .eTitDesc { font-size:19px; color:#000; font-weight:700; line-height:1.5; border-bottom:1px solid #e2e2e2; padding-bottom:5px;}
.encyberContentContainer .listOfContents { margin:20px 0 0; padding:20px 10px 20px 30px; overflow:hidden; background:#f5f5f5; }
.encyberContentContainer .listOfContents .lTit { float:left; width:116px; color:#000; font-size:20px; font-weight:700; line-height:35px;}
.encyberContentContainer .listOfContents .list { overflow:hidden; counter-reset: number 0; display: grid; grid-template-columns: repeat( auto-fill, minmax(160px,1fr) ); gap: 10px; margin:4px 0;}
.encyberContentContainer .listOfContents .list li { position:relative; color:#000; font-size:17px;  padding-left: 34px; word-break: keep-all;}
.encyberContentContainer .listOfContents .list li:before{ counter-increment: number 1; content: counter(number); width:24px; height:24px;  background: var(--primary-color); color:#fff; display:inline-flex; align-items:center; justify-content:center;border-radius:4px; margin-right: 5px;     font-size: 16px; position:absolute; left:0; top:1px;}
.encyberContentContainer .listOfContents .list li a { color:#000; text-decoration:none;  }
.encyberContentContainer .listOfContents .list li a:hover { text-decoration:underline;}

.encyberContentContainer .opendicTit { margin:30px 0 20px; overflow:hidden;}
.encyberContentContainer .opendicTit p { float:left; font-size:18px; line-height:30px; padding:0 18px; background:url("/publish/_ui/images2/encyclopedia/ico/ico_line7.png") no-repeat 0 50%;}
.encyberContentContainer .opendicTit p img { margin-top:-2px; margin-left:4px;}
.encyberContentContainer .opendicTit p strong { color:#3366ff; margin-left:15px;}
.encyberContentContainer .opendicTit p:first-child { padding-left:0; background:none;}

.encyberContentContainer .innerContentWrap { overflow:hidden; margin:10px 0 0;}
.encyberContentContainer .innerContentWrap p { margin-bottom: 15px;}
.encyberContentContainer .contSummaryWrap { float:right; width:30%; margin:0 0 30px 15px;}

.encyberContentContainer .contSummaryWrap .mapArea { position:relative; overflow:hidden; height:452px; border:1px solid #ddd;}

.encyberContentContainer .contPapragraph1 { clear:left; color:#000; font-size:18px; line-height:32px; text-align:justify;}
.encyberContentContainer .contPapragraph1 .floatImg { float:right; margin:5px 0 35px 35px; width:315px;    aspect-ratio: 1.4 / 1; position:relative; text-align:center; border:1px solid #ddd;}
.encyberContentContainer .contPapragraph1 .floatImg img { max-height:100%; max-width:100%;     width: 100%;  height: 100%; object-fit: cover;}
.encyberContentContainer .contPapragraph1 .floatImg figcaption { position:absolute; left:0; right:0; bottom:0; height:36px; line-height:36px; background:rgba(0,0,0,0.8); color:#fff; text-align:center;overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; font-size:18px;}
.encyberContentContainer h4,
.encyberContentContainer .contInnerTit { overflow:hidden; margin:30px 0 0; padding-bottom:10px; font-size:24px; color:#000; font-weight:700; }
.encyberContentContainer .contPapragraph1 p { margin-bottom:15px;}
.encyberContentContainer .contPapragraph1 p img{vertical-align:middle;}
.sertxt img{vertical-align:middle;}
.encyberContentContainer .contPapragraph1 ul,
.encyberContentContainer .contPapragraph1 ul li{
    list-style: disc;
    list-style-position: inside;
}
.encyberContentContainer .contPapragraph1 ol,
.encyberContentContainer .contPapragraph1 ol li {
    list-style: decimal;
    list-style-position: inside;
}

.encyberContentContainer .contInfoTable { clear:left; padding:15px 0 0; overflow:hidden;}
.encyberContentContainer .contInfoTable a{color: #0b7bc1;}
.encyberContentContainer .contInfoTable a:hover{text-decoration:underline;}
.encyberContentContainer .contInfoTable:before,
.encyberContentContainer .contInfoTable:after { content:""; display:block; clear:both;}
.encyberContentContainer .contInfoTable .ciTit { font-size:20px; color:#000; font-weight:700; margin-bottom: 10px;}
/* .encyberContentContainer .contInfoTable .ciTit { font-size:18px; color:#3366ff; padding-left:18px; background:url("/publish/_ui/images2/encyclopedia/ico/ico_cont_tit1.png") no-repeat 0 45%;}
.encyberContentContainer .contInfoTable .ciTit span { display:inline-block; padding-right:18px; background:url("/publish/_ui/images2/encyclopedia/ico/ico_cont_tit1.png") no-repeat 100% 45%;} */
.encyberContentContainer .contInfoTable table { width:100%; text-align:left; margin-bottom: 15px; }
.encyberContentContainer .contInfoTable table tr:first-child th,
.encyberContentContainer .contInfoTable table tr:first-child td { border-top:1px solid #ddd;}
.encyberContentContainer .contInfoTable table th,
.encyberContentContainer .contInfoTable table td { text-align:left; padding:14px 10px 14px 20px; font-size:18px; color:#000; border-bottom:1px solid #ddd; vertical-align:middle; line-height:1.5;}
.encyberContentContainer .contInfoTable table th { background:#f5f5f5;}
.encyberContentContainer .contInfoTable table .linkBlock { display:inline-block; margin:3px 30px 3px 0;    width: calc(45% - 30px);}

.encyberContentContainer .contInfoTable.type1 table td { padding:0; border-left:1px solid #ddd;}
.encyberContentContainer .contInfoTable.type1 table tr td:first-child { border-left-width:0;}
.encyberContentContainer .contInfoTable.type1 table td .inTit {   background:#f5f5f5; color:#000; font-size:18px; padding:10px 20px; text-align: center;}
.encyberContentContainer .contInfoTable.type1 table td .inDescWrap { overflow:hidden; padding:20px;  }
.encyberContentContainer .contInfoTable.type1 table td .inDescWrap img {  margin-bottom: 10px; width:120px; display:block;  }

.encyberContentContainer .contInfoTable.type1 .parent td { min-width:0px;padding:0; border-right:hidden;border-left:hidden;border-bottom:hidden;}
.encyberContentContainer .contInfoTable.type1 .child { min-width:210px;}
.encyberContentContainer .contInfoTable.type1 .child .inTit { margin:0 0 0 0;  background:#f5f5f5; color:#000; font-size:18px; padding: 10px 20px; text-align: center;}
.encyberContentContainer .contInfoTable.type1 .child .inDescWrap { overflow:hidden; height:auto;padding:20px;  }
.encyberContentContainer .contInfoTable.type1 .child .inDescWrap img { float:right; margin:7px 0 0 5px; width:164px; height:123px;}


.encyberContentContainer .contInfoTable.type2 table td { background:#f5f5f5;  border-left:1px solid #ddd;}
.encyberContentContainer .contInfoTable.type2 table tr td:first-child { border-left-width:0;}

.encyberContentContainer .enCyberTit {
    /*margin:20px 0; padding-bottom:10px;*/ border-bottom:2px solid #ddd; overflow:hidden;
    clear: left;
    padding: 15px 0 0;
}
.encyberContentContainer .enCyberTit > * { float:left; line-height:33px;}
.encyberContentContainer .enCyberTit .et { color:#000; font-size:26px; font-weight:700;}
.encyberContentContainer .enCyberTit .btn { width:auto; padding: 0 14px;  height: 40px;  line-height: 1; border-radius:4px; color:#888; border:1px solid #888;  text-align:center; font-size:18px; transition:all ease .25s; }
.encyberContentContainer .enCyberTit .btn:hover{background: var(--primary-color); color: #fff; border-color:var(--primary-color);}
.encyberContentContainer .enCyberTit .btn1 { margin-left:20px; background:#fff;}
.encyberContentContainer .enCyberTit .btn2 { margin-left:5px; background:#fff;}
.encyberContentContainer .enCyberTit.type1 { border-bottom:0; padding-bottom:0;   margin-bottom:10px;}
.encyberContentContainer .enCyberTit.type2 { border-bottom:0; padding-bottom:0; margin-top:20px; margin-bottom:15px; color:#000; font-size:26px; font-weight:700;border-bottom:1px solid #ddd; overflow:hidden;
    clear: left;
    padding: 15px 0;}
.encyberContentContainer .enCyberTit.type1 .et { color:#0b7bc1; font-size:20px;}

.encyberContentContainer .enCyberSmall {margin-bottom: 0;border-bottom: none;}
.encyberContentContainer .enCyberSmall h4 {margin-bottom: 0;float: none;}
.encyberContentContainer .enCyberSmall h4 .btn {font-weight: normal;}

.newTableWrap { clear:left; overflow:hidden; margin-top:10px;}
.newTableWrap table th {border-bottom:0;    text-align: center;    font-weight: bold;}
.encyberContentContainer .contPapragraph1 .newTableWrap table p {margin-bottom:0;}
.encyberContentContainer .bTit { color:#000; font-size:19px; font-weight:700; margin-top:30px;}
.encyberContentContainer .bTit + .newTableWrap { margin-top:0;}


.encyberContentContainer .tableTit { margin:30px 0 0; font-size:18px; color:#3366ff; padding-left:18px; background:url("/publish/_ui/images2/encyclopedia/ico/ico_cont_tit1.png") no-repeat 0 45%;}
.encyberContentContainer .tableTit span { display:inline-block; padding-right:18px; background:url("/publish/_ui/images2/encyclopedia/ico/ico_cont_tit1.png") no-repeat 100% 45%;}



.hyperArea { display:none; position:absolute; left:50%; top:50%; z-index:99999; width:487px; height:175px; padding:50px 30px 30px; background:url("/publish/_ui/images2/encyclopedia/ico/bg_tooltip.png") no-repeat 0 0; overflow:hidden; margin-left:-18px;}
.hyperArea.reverse { background-image:url("/publish/_ui/images2/encyclopedia/ico/bg_tooltip2.png"); margin-left:-462px;}
.hyperArea .imgArea { float:left; margin-right:10px; height:70px; text-align:center;}
.hyperArea .imgArea img {height:100%;}
.hyperArea .textArea { overflow:hidden; font-size:17px; color:#000; line-height:1.4; height:92px;}

/* imageViewer */
.imageViewer { }
.imageViewer .bigImage { height:452px; /**border:1px solid #ddd;*/
    border-top: 10px solid #eeeeee;
    border-right: 10px solid #eeeeee;
    border-bottom: 0px solid #eeeeee;
    border-left: 10px solid #eeeeee;
    background:#f8f8f8;

    position:relative; overflow:hidden;}
.imageViewer .imgTitle {
    height: 50px;

    text-align: center;
    padding-top: 10px;

    border-top:    0px solid  #eeeeee;
    border-right:  10px solid #eeeeee;
    border-bottom: 10px solid #eeeeee;
    border-left:   10px solid  #eeeeee;
    background: #eeeeee;
    /* position: relative; */
    /* overflow: hidden; */
}
.imageViewer .bigImage img { position:relative; left:50%; top:50%; max-width:100%; max-height:100%; -webkit-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%);}
.imageViewer .indicator { margin:10px 0 0; position:relative; height:65px;}
.imageViewer .indicator .btn { position:absolute; top:0; height:65px; width:23px; border:1px solid #ddd; text-indent:-1000px; overflow:hidden; background-position:50% 50%; background-repeat:no-repeat;}
.imageViewer .indicator .btn.prev { left:0; background-image:url("/publish/_ui/images2/encyclopedia/ico/ico_roll_prev.png");}
.imageViewer .indicator .btn.next { right:0; background-image:url("/publish/_ui/images2/encyclopedia/ico/ico_roll_next.png");}
.imageViewer .indicator .list { margin:0 28px; overflow:hidden; height:65px; overflow:hidden;}
.imageViewer .indicator .list li { float:left; width:20%; height:65px; overflow:hidden; padding:0 2.5px; text-align:center;}
.imageViewer .indicator .list li a { display:block; height:65px;}
.imageViewer .indicator .list li a.active { border:2px solid #3366ff;}
.imageViewer .indicator .list li a img {
    left: 50%;
    top: 50%;
    max-width: 100%;
    max-height: 100%;}

/* tableType */
.tableType1 { margin-bottom: 20px;}
.tableType1 table { width:100%; text-align:left; border:1px solid #ddd; border-width:0 1px;}
.tableType1 table th,
.tableType1 table td { padding:13px 10px 13px 20px; border:1px solid #ddd; vertical-align:middle; color:#000; font-size:19px; line-height:1.5;}
.tableType1 table th { background:#f5f5f5;}

.tableType2 table { width:100%; text-align:left; border-bottom:1px solid #ddd;}
.tableType2 table tr:first-child th,
.tableType2 table tr:first-child td { border-top:1px solid #ddd;}
.tableType2 table th,
.tableType2 table td { padding:14px 10px 14px 20px; font-size:18px; color:#000; border-bottom:1px solid #ddd; vertical-align:middle; line-height:1.5;}
.tableType2 table th { background:#f5f5f5; font-weight:700;}
.tableType2 table .txt1 { display:inline-block; word-break:keep-all; margin-left:10px;}
.tableType2 table .color1 { color:#b20000;}
.tableType2 table .line { padding:10px 0 0;}
.tableType2 table .line.top { padding-top:0;}

.tableType3 table { width:100%; text-align:left;}
.tableType3 table tr:first-child th,
.tableType3 table tr:first-child td { border-top:1px solid #ddd;}
.tableType3 table th,
.tableType3 table td { padding:14px 10px 14px 20px; font-size:18px; color:#000; border-bottom:1px solid #ddd; vertical-align:middle; line-height:1.5;}
.tableType3 table th img,
.tableType3 table td img { margin-top:-3px; vertical-align:middle;}
.tableType3 table th { background:#f5f5f5;}
.tableType3 table .line { padding:10px 0 0;}
.tableType3 table .line.top { padding-top:0;}
.tableType3 table .line.borderTop { border-top:1px solid #ddd; margin-top:10px;}
.tableType3 table .borderLeft { border-left:1px solid #ddd;}
.tableType3 table .borderRight { border-Right:1px solid #ddd;}
.tableType3.type1 table { border:1px solid #ddd; border-width:0 1px;}
.tableType3.type1 table th { text-align:center; padding-left:0; padding-right:0;}
.tableType3.type1 .contEditor { overflow:hidden; height:355px; border:1px solid #ddd;}
.tableType3.center table th,
.tableType3.center table td { padding-left:0; padding-right:0; text-align:center;}
.tableType3.center table .desc { padding-left:20px; text-align:left;}
.tableType3 table .color1 { color:#b20002;}
.tableType3 table .color2 { color:#004298;}

.tableType4 table { width:100%; text-align:center;}
.tableType4 table thead th { padding:6px 0; background:#f5f5f5 url("/publish/_ui/images2/photo_community/ico/ico_th_line1.png") no-repeat 0 100%; border:1px solid #3b6aaa; border-width:1px 0; color:#000; font-size:18px;}
.tableType4 table thead tr th:first-child { background-image:none;}
.tableType4 table tbody td { padding:3px 0; border-bottom:1px solid #3b6aaa; color:#000; font-size:18px;}
.tableType4 table tbody .left { text-align:left; padding-left:20px;}
.tableType4 table.long thead th { padding-top:14px; padding-bottom:14px;}
.tableType4 table.long tbody td { padding-top:12px; padding-bottom:12px;}
.tableType4 table.smChar tbody td { font-size:16px;}

.tableType5 table { width:100%; text-align:center;}
.tableType5 table thead th { padding:10px 0;   border-width:1px 0; font-size:19px; color:#000; font-weight:700; background:#f5f5f5;}
.tableType5 table thead tr th:first-child { border-left-width:1px;}
.tableType5 table thead tr th:last-child { border-right-width:1px;}
.tableType5 table tbody td { padding:20px 0; border-bottom:1px solid #ddd; font-size:18px; color:#000; vertical-align:middle; line-height:1.5;}
.tableType5 table tbody td.desc { text-align:left; padding-left:15px;}
.tableType5 table tbody td.desc img { margin-top:-4px;}
.tableType5 table .borderLeft { border-left:1px solid #ddd;}
.tableType5 table .borderRight { border-Right:1px solid #ddd;}
.tableType5 table .descWrap { display:block; text-align:left; overflow:hidden;}
.tableType5 table .descWrap img { float:left; border:1px solid #ddd; margin-right:20px;}
.tableType5 table .descWrap .desc { overflow:hidden;}
.tableType5 table .descWrap .desc .txt1 { font-size:21px; line-height: 1.2; font-weight:700;}
.tableType5 table .descWrap .desc .txt2 { margin:10px 0 0;  height:60px; overflow:hidden;}
.tableType5 table .color1 { color:#058ee3;}

/* reply */
.reply { display:inline-block; vertical-align:middle; width:74px; height:33px; line-height:33px; margin:0 5px; text-align:center; background:#107cc0; color:#fff;}

/* dragDropArea */
.dragDropArea { margin:10px auto; width:144px; padding:20px 0; border:1px solid #ddd; background:#fff; line-height:1.6; font-size:18px; color:#000;}
.dragDropArea strong { color:#004199; font-weight:700;}

/* textType */
.textType1 { font-size:21px; color:#000;}
.textType1 .sm { font-size:18px;}
.textType1 .goLink { color:#004199; font-weight:700; text-decoration:underline;}
.textType1 .color1 { color:#b30000;}

.textType2 { margin:13px 0 0; padding:0 0 0 18px; background:url("/publish/_ui/images2/encyclopedia/ico/ico_circle.png") no-repeat 0 9px; color:#000; font-size:18px; line-height:1.5;}
.textType2 .color1 { color:#3366ff; font-weight:700;}
.textType2 .link { color:#004199; font-weight:700; text-decoration:underline;}

.textType3 { font-size:18px; line-height:1.5;}
.textType3.type1 { margin:30px 0 0 20px; padding:30px 0 0; border-top:1px dotted #7d7d7d;}

/* imgFloatWrap */
.imgFloatWrap { overflow:hidden; margin:20px 0 0;}
.imgFloatWrap > .img { float:left; width:220px; text-align:center; padding-top:10px;}
.imgFloatWrap > .descWrap { overflow:hidden;}

/* tableDivideWrap */
.tableDivideWrap { margin-left:30px; border-top:1px dotted #7d7d7d;}
.tableDivideWrap.top { border-top:0 none;}
.tableDivideWrap table { width:100%;}
.tableDivideWrap table td { vertical-align:middle; padding:30px 0;}

/* photoListWrap */
.photoListWrap { position:relative; padding:10px 7.5px 0 !important; overflow:hidden;}
.photoListWrap .photoItem { float:left; width:25%; padding:0 7.5px; margin-bottom:10px;}
.photoListWrap .photoItem .itemInWrap { }
.photoListWrap .photoItem .img { cursor:move; height:129px; line-height:129px; text-align:center;}
.photoListWrap .photoItem .img img { max-width:100%; max-height:100%;}
.photoListWrap .photoItem .line { line-height:40px;}
.photoListWrap .photoItem .line > * { width:100%;}
.photoListWrap .photoItem .line.desc { line-height:1;}
.photoListWrap .photoItem .line textarea { height:60px;}
.photoListWrap .photoItem .btns { padding-top:4px;}
.photoListWrap .photoItem .btns .btnType { background:#004199; border-color:#004199;}
.photoListWrap.alterType1 .photoItem { width:16.66666666666667%;}

/* photoListWrap1 */
.photoListWrap1 { position:relative; padding:10px 7.5px 0 !important; overflow:hidden;}
.photoListWrap1 .photoItem1 { float:left; width:90%; padding:0 7.5px; margin-bottom:10px;}
.photoListWrap1 .photoItem1 .itemInWrap1 { }
.photoListWrap1 .photoItem1 .img {width:180px;}
.photoListWrap1 .photoItem1 .img img { max-width:100%; max-height:100%;}
.photoListWrap1 .photoItem1 .line { line-height:40px;}
.photoListWrap1 .photoItem1 .line > * { width:100%;}
.photoListWrap1 .photoItem1 .line.desc { line-height:1;}
.photoListWrap1 .photoItem1 .line textarea { height:60px;}
.photoListWrap1 .photoItem1 .btns { padding-top:4px;}
.photoListWrap1 .photoItem1 .btns .btnType { background:#004199; border-color:#004199;}
.photoListWrap1.alterType1 .photoItem1 { width:16.66666666666667%;}

/* photoListWrap2 */
.photoListWrap2 { position:relative; padding:10px 7.5px 0 !important; overflow:hidden;}
.photoListWrap2 .photoItem2 { float:left; width:90%; padding:0 7.5px; margin-bottom:10px;}
.photoListWrap2 .photoItem2 .itemInWrap2 { }
.photoListWrap2 .photoItem2 .img2 {width:180px;}
.photoListWrap2 .photoItem2 .img2 img { max-width:100%; max-height:100%;}
.photoListWrap2 .photoItem2 .line { line-height:40px;}
.photoListWrap2 .photoItem2 .line > * { width:100%;}
.photoListWrap2 .photoItem2 .line.desc { line-height:1;}
.photoListWrap2 .photoItem2 .line textarea { height:60px;}
.photoListWrap2 .photoItem2 .btns { padding-top:4px;}
.photoListWrap2 .photoItem2 .btns .btnType { background:#004199; border-color:#004199;}
.photoListWrap2.alterType1 .photoItem2 { width:16.66666666666667%;}

/* photoListWrap */
.photoListWrap3 { position:relative; padding:10px 7.5px 0 !important; overflow:hidden;}
.photoListWrap3 .photoItem3 { float:left; width:90%; padding:0 7.5px; margin-bottom:10px;}
.photoListWrap3 .photoItem3 .itemInWrap3 { }
.photoListWrap3 .photoItem3 .img3 {width:180px;}
.photoListWrap3 .photoItem3 .img3 img { max-width:100%; max-height:100%;}
.photoListWrap3 .photoItem3 .line { line-height:40px;}
.photoListWrap3 .photoItem3 .line > * { width:100%;}
.photoListWrap3 .photoItem3 .line.desc { line-height:1;}
.photoListWrap3 .photoItem3 .line textarea { height:60px;}
.photoListWrap3 .photoItem3 .btns { padding-top:4px;}
.photoListWrap3 .photoItem3 .btns .btnType { background:#004199; border-color:#004199;}
.photoListWrap3.alterType1 .photoItem3 { width:16.66666666666667%;}

/* photoListWrap */
.photoListWrap4 { position:relative; padding:10px 7.5px 0 !important; overflow:hidden;}
.photoListWrap4 .photoItem4 { float:left; width:90%; padding:0 7.5px; margin-bottom:10px;}
.photoListWrap4 .photoItem4 .itemInWrap4 { }
.photoListWrap4 .photoItem4 .img4 {width:180px;}
.photoListWrap4 .photoItem4 .img4 img { max-width:100%; max-height:100%;}
.photoListWrap4 .photoItem4 .line { line-height:40px;}
.photoListWrap4 .photoItem4 .line > * { width:100%;}
.photoListWrap4 .photoItem4 .line.desc { line-height:1;}
.photoListWrap4 .photoItem4 .line textarea { height:60px;}
.photoListWrap4 .photoItem4 .btns { padding-top:4px;}
.photoListWrap4 .photoItem4 .btns .btnType { background:#004199; border-color:#004199;}
.photoListWrap4.alterType1 .photoItem4 { width:16.66666666666667%;}

/* commonShareInfo */
.commonShareInfo .writeInfo { display:inline-block; width:150px; height:33px; line-height:33px; margin-left:15px; text-align:center; color:#fff; background:#004199; font-size:18px; border-radius:2px; vertical-align:middle;}
.commonShareInfo .shareInfoItem { position:relative; padding:10px 0; border-bottom:1px dotted #7d7d7d;}
.commonShareInfo .shareInfoItem .itemTitWrap { overflow:hidden;}
.commonShareInfo .shareInfoItem .itemTitWrap > * { float:left; line-height:33px; font-size:19px;}
.commonShareInfo .shareInfoItem .itemTitWrap .category { padding-right:25px; margin-right:24px; color:#3366ff; font-weight:700; background:url("/publish/_ui/images2/encyclopedia/ico/ico_line6.png") no-repeat 100% 45%;}
.commonShareInfo .shareInfoItem .itemTitWrap .userId { color:#000;}
.commonShareInfo .shareInfoItem .itemTitWrap .userId img { margin-top:-2px;}
.commonShareInfo .shareInfoItem .itemTitWrap .date { margin-left:25px;}
.commonShareInfo .shareInfoItem .utilBtn { position:absolute; right:0; bottom:20px; font-size:18px; color:#000;}
.commonShareInfo .shareInfoItem .utilBtn a { padding:0 25px; background:url("/publish/_ui/images2/encyclopedia/ico/ico_line6.png") no-repeat 0 45%;}
.commonShareInfo .shareInfoItem .utilBtn a:first-child { background:none; padding-left:0;}
.commonShareInfo .shareInfoItem .utilBtn a:last-child { padding-right:0;}
.commonShareInfo .shareInfoItem .itemCont { display:block; margin:15px 0 5px; font-size:18px; color:#000; line-height:1.5;}
.commonShareInfo .shareInfoItem .itemCont:focus { outline:1px dotted #111;}
.commonShareInfo .shareInfoItem .line { overflow:hidden; color:#666; font-size:18px; line-height:1.5;}
.commonShareInfo .shareInfoItem .line dt { float:left; margin-right:5px; padding-left:13px; background:url("/publish/_ui/images2/encyclopedia/ico/ico_dot4.png") no-repeat 0 45%;}
.commonShareInfo .shareInfoItem .line dd { overflow:hidden;}
.commonShareInfo .shareInfoItem .btns { margin-left:15px;}
.commonShareInfo .shareInfoItem .btnDo { width:98px; height:33px; line-height:35px; background:#000; color:#fff; text-align:center; border-radius:2px;}

/* sliderView */
.sliderView { text-align:center;}
.sliderView .largeView { display:inline-block; position:relative; margin:30px auto 0; text-align:center; padding: 0 100px; width: 100%;max-width:1000px;}
.sliderView .largeView a{ display: block;  padding:   15px; border: 1px solid #aaa;     aspect-ratio: 1.3 / 1;     display: flex; align-items: center;  justify-content: center;}
.sliderView .largeView .btn { position:absolute; top:50%; width:72px; height:72px; margin-top:-36px; overflow:hidden; text-indent:-1000px; background-repeat:no-repeat; background-position:50% 50%;}
.sliderView .largeView .btn.prev { left:-55px; background-image:url("/publish/_ui/images2/encyclopedia/ico/ico_slide_prev.png");}
.sliderView .largeView .btn.next { right:-55px; background-image:url("/publish/_ui/images2/encyclopedia/ico/ico_slide_next.png");}
.sliderView .largeView .viewImg { max-height: 100%;  max-width: 100%;   width: auto;  height: auto;} 
.sliderView .imageData { width:100%; max-width:1136px; margin:30px auto 0;}
.sliderView .imageData table td a { display:inline-block; border-bottom:1px solid #3366ff; color:#3366ff; line-height:1;}
.sliderView .imageData table td a:hover { text-decoration:none;}
.sliderView .btns { width:1136px; margin:20px auto 0; text-align:right;}
.sliderView .btns .btnType { width:185px;}
.sliderView .btns .btnType1 { color:#333;}
.sliderView .btns .btnType img { margin-top:-4px; margin-left:5px;}
.sliderView .indicatorWrap { position:relative; margin:20px auto 0; width:100%; max-width:1591px;  padding:0 50px;overflow:hidden;}
.sliderView .indicatorWrap .indicatorOuter { position:relative; height:144px; margin:14px 70px 0; overflow:hidden;}
.sliderView .indicatorWrap .indicatorInner { height:144px; width:20000em; overflow:hidden;}
.sliderView .indicatorWrap .indicatorInner button { float:left; width:192px; height:144px; margin:0 7.5px; position:relative; background: #f5f5f5;}
.sliderView .indicatorWrap .indicatorInner button img { max-width:100%; max-height:100%; position:absolute; left:50%; top:50%; -webkit-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%);}
.sliderView .indicatorWrap .indiBtn { position:absolute; top:50%; width:18px; height:28px; margin-top:-14px; overflow:hidden; text-indent:-1000px; background-repeat:no-repeat; background-position:50% 50%;}
.sliderView .indicatorWrap .indiBtn.prev { left:16px; background-image:url("/publish/_ui/images2/encyclopedia/ico/ico_slide_prev2.png");}
.sliderView .indicatorWrap .indiBtn.next { right:16px; background-image:url("/publish/_ui/images2/encyclopedia/ico/ico_slide_next2.png");}
.sliderView .indicatorWrap .photo-swiper .swiper-wrapper{height:auto;}
.sliderView .indicatorWrap .photo-swiper .swiper-slide{position:relative;}
.sliderView .indicatorWrap .photo-swiper .swiper-slide .slide-tit{width:100%;   background: rgba(0,0,0,0.5); color: #fff; position:absolute; left:0; bottom:0; text-align: center; padding:5px; font-size: 15px;}
.sliderView .indicatorWrap .photo-swiper .slide-thumb{position:relative; width: 100%; aspect-ratio: 1.5 / 1; overflow:hidden;  background: #f5f5f5; }
.sliderView .indicatorWrap .photo-swiper .slide-thumb img{width: 100%; height: 100%; object-fit:contain; transition:all ease .35s; will-change: transform; vertical-align:top;}


.sliderView.media .largeView { width:1080px;}
.sliderView.media .largeView.movieHeight { height:auto !important;}
.sliderView.media .mediaWrap { width:612px;}
.sliderView.media .mediaWrap > img { width:100%; height:100%;}

/* getIdpw */
.getIdpw { margin:95px 0 200px;}
.getIdpw:after { content:""; display:block; clear:both;}
.getIdpw .midWrap { width:810px; margin:0 auto; padding:100px 0 0;}
.getIdpw .lArea { float:left; width:50%; padding:0 50px 10px 50px;}
.getIdpw .rArea { float:left; width:50%; padding:0 0 10px 50px; border-left:1px solid #ddd;}
.getIdpw .tit { padding-left:40px; color:#000; background:url("/publish/_ui/images2/encyclopedia/common/ico_tit2.png") no-repeat 0 50%; font-size:26px; font-weight:700;}
.getIdpw .txt { margin:17px 0; padding:0 0 0 14px; background:url("/publish/_ui/images2/encyclopedia/ico/ico_dot1.png") no-repeat 3px 9px; color:#000; line-height:1.5;}
.getIdpw .line { margin-bottom:10px;}
.getIdpw .line .lt { display:inline-block; width:75px; color:#000; font-size:21px; font-weight:700;}
.getIdpw .btns { margin:15px 0 0; text-align:center;}

/* memberSelect */
.memberSelect { text-align:center; margin:155px 0;}
.memberSelect .item { display:inline-block; width:265px; height:320px; margin:0 25px; border:1px solid #ddd; box-shadow:4px 4px 1px #ebebeb; vertical-align:top;}
.memberSelect .item .itemTit { padding:55px 0 0; color:#000; font-size:26px; font-weight:700;}
.memberSelect .item .desc { padding:12px 0 0; font-size:21px; color:#000;}
.memberSelect .item .btns { margin:36px 0 0;}
.memberSelect .item .btns.center { padding:22px 0 0;}
.memberSelect .item .btns.center > * { display:inline-block; vertical-align:top;}
.memberSelect .item .btns.center .divider { height:99px; width:1px; background:#ddd; margin:0 33px;}
.memberSelect .item .btns.center a { margin:8px 0 0;}

/* stepOrder */
.stepOrder { overflow:hidden; margin:30px 0 0;}
.stepOrder ol { float:left; border:1px solid #333;}
.stepOrder li { float:left;   list-style: none; }
.stepOrder li > * { float:left;}
.stepOrder li > span { height:58px; line-height:58px; padding:0 22px; color:#000; font-size:21px; font-weight:bold;}
.stepOrder li i { color:#666;}
.stepOrder li img { height:58px; vertical-align:top;}
.stepOrder li.active span { background:#333; color:#fff;}
.stepOrder li.active i { color:#fff;}

/* agreementWrap */
.agreementWrap { margin:35px 0 0;}
.agreementWrap .box1 { margin:20px 0 0; padding:15px; border:1px solid #ddd; background:#f5f5f5;}
.agreementWrap .box2 { margin:10px 0 0; padding:15px; border:1px solid #ddd; height:115px; overflow-y:auto; font-size:18px; color:#000; line-height:1.8;}
.agreementWrap .box2.long { height:300px;}
.agreementWrap .line2 { margin:20px 0 0;}
.agreementWrap .inBox1 { margin:0 15px;}
.agreementWrap .inBox1.type1 { margin:0;}
.agreementWrap .text1 { margin:30px 0 0; font-size:21px; color:#000; font-weight:700; text-align:center;}
.agreementWrap .text2 { margin:15px 0 0; font-size:18px; color:#000; text-align:center;}
.agreementWrap .btns { margin:30px 0 0;}

.agreementWrap .textContainer { margin:0;}

.requiredText { margin:35px 0 0; font-size:21px; color:#000;}
.requiredText .color1 { color:#b20000;}
.requiredMark { display:inline-block; vertical-align:middle; width:9px; height:8px; background:url("/publish/_ui/images2/encyclopedia/ico/ico_required.png") no-repeat 50% 50%; text-indent:-1000px; overflow:hidden; margin-top:-5px;}

/* registerCompleted */
.registerCompleted { margin:95px 0 220px;}
.registerCompleted .text1 { padding:90px 0 0; background:url("/publish/_ui/images2/encyclopedia/ico/ico_email.png") no-repeat 50% 0; font-size:28px; color:#000; text-align:center; line-height:1.5;}
.registerCompleted .text1 strong { color:#3366ff;}
.registerCompleted .text1.type1 { padding-top:100px; background-image:url("/publish/_ui/images2/encyclopedia/ico/ico_complete.png");}
.registerCompleted .descWrap { margin:25px auto 0; padding:40px 50px 0; max-width:1250px; border-top:1px solid #ddd;}
.registerCompleted .descWrap .testTit { padding:32px 30px; margin-bottom:40px;  text-align:center; border:1px solid #ddd; background:#f5f5f5; font-size:21px;}
.registerCompleted .descWrap .testTit span { display:inline-block; vertical-align:middle; margin-left:5px; font-size:32px; font-weight:700;}
.registerCompleted .descWrap .line { overflow:hidden; padding:10px 0;}
.registerCompleted .descWrap .line .lTit { float:left; width:165px; font-size:21px; color:#000; font-weight:700; line-height:40px;}
.registerCompleted .descWrap .line .desc { overflow:hidden; padding-left:13px; font-size:18px; color:#000; background:url("/publish/_ui/images2/encyclopedia/ico/ico_dot1.png") no-repeat 0 17px; line-height:40px;}
.registerCompleted .descWrap .btns { margin:40px 0 0; border-top:1px solid #ddd; padding-top:30px;}

.registerCompleted .descWrap.type1 .line .lTit { min-height:80px;}
.registerCompleted .descWrap.type2 { padding-top:0; border:0 none;}
.registerCompleted .descWrap.type2 .line { margin-left:100px; margin-right:100px;}

.registerCompleted.quit .text1 { padding:110px 0 0; background-image:url("/publish/_ui/images2/encyclopedia/ico/ico_quit.png");}
.registerCompleted.quit .descWrap .line{ max-width:480px; margin:0 auto;}

.registerCompleted .loginLayerWrap { max-width:1250px; width:auto; margin:30px auto 0; padding:55px 0 0; border-top:1px solid #ddd;}
.registerCompleted .loginLayer { margin-top:0;}

/* memberRegister */
#memberRegister .select2 { display:none;}

/* pointAdminWrap */
.pointAdminWrap { margin:20px 0 0; overflow:hidden;}
.pointAdminWrap .lArea { float:left; width:700px;}
.pointAdminWrap .rArea { overflow:hidden; padding:10px 90px 0;}
.pointAdminWrap .rArea .btns > * { margin:0 5px 10px 0;}

/* memberQuit */
.memberQuit { margin:150px 0 260px; overflow:hidden;}
.memberQuit .lArea { float:left; width:500px; padding:25px 0 0 60px; border-right:1px solid #ddd;}
.memberQuit .lArea .line { margin-bottom:10px;}
.memberQuit .lArea .line .lt { display:inline-block; width:96px; color:#000; font-size:21px; font-weight:700;}
.memberQuit .lArea .btns { text-align:center; margin-top:30px;}
.memberQuit .rArea { overflow:hidden; padding-left:50px;}
.memberQuit .rArea .text1 { margin:0 0 10px; padding-left:39px; background:url("/publish/_ui/images2/encyclopedia/common/ico_tit2.png") no-repeat 0 0; font-size:21px; color:#000; font-weight:700; text-align:left; line-height:1.3;}
.memberQuit .rArea .listType3 { margin-left:5px;}

/* textContainer */
.textContainer { margin:25px 0 80px; line-height:1.6; font-size:18px; color:#000;}
.textContainer strong { display:block; color:#058ee3;}

/* errorWrapper */
.errorWrapper { position:absolute; left:0; right:0; top:0; bottom:0;}
.errorWrapper .descWrap { position:absolute; left:0; right:0; top:50%; text-align:center; -webkit-transform:translateY(-100%); transform:translateY(-100%);}
.errorWrapper .descInner { display:inline-block; padding:0 10px;}
.errorWrapper .text1 { font-size:26px; color:#000; font-weight:700; line-height:1.5;}
.errorWrapper .text2 { margin:50px 0 0; font-size:21px; color:#000; line-height:1.5;}
.errorWrapper .btns { margin:50px 0 0; padding:20px 0 0; border-top:1px solid #ddd;}
.errorWrapper .btns .btnType { padding:0; width:200px; margin:0 5px;}

/* optionsWrap */
.optionsWrap { margin:15px 0 0; overflow:hidden;}
.optionsWrap .lArea { float:left; line-height:40px;}
.optionsWrap .lArea .total { font-weight:700;}
.optionsWrap .lArea .current { color:#3366ff; font-weight:700;}
.optionsWrap .rArea { float:right; display:flex; flex-wrap:wrap; gap:5px;}
.optionsWrap .rArea img{vertical-align:middle;}
/*.optionsWrap .rArea .write { margin-left:15px;}*/
.optionsWrap .rArea .write img { margin-top:-3px; margin-right:5px;}
.optionsWrap .rArea .guide img { margin-right:5px;}

/* commentContainer */
.commentContainer { margin:30px 0 0;}
.commentContainer .cTit { padding:0 0 0 34px; margin:0 0 15px; background:url("/publish/_ui/images2/photo_community/ico/ico_comment2.png") no-repeat 0 50%; color:#058ee3; font-size:30px; }
.commentContainer .commentTable { width:100%; text-align:left; border:1px solid #ddd; border-width:0 1px 1px;}
.commentContainer .commentTable th,
.commentContainer .commentTable td { vertical-align:middle;}
.commentContainer .commentTable th { font-size:18px; color:#000; padding:8px 8px 8px 24px; background:#f5f5f5;}
.commentContainer .commentTable td { }
.commentContainer .commentTable td .cellWrap { position:relative; padding:8px;}
.commentContainer .commentTable td .cellWrap.cell2 { padding-top:0;}
.commentContainer .commentTable tr:first-child th,
.commentContainer .commentTable tr:first-child td { border-top:1px solid #4d4d4d;}
.commentContainer .commentTable input[type=text] { height:40px; line-height:40px; padding:0 8px;}
.commentContainer .commentTable .textInput1 { width:350px;}
.commentContainer .commentTable .inputByte { position:absolute; right:110px; bottom:8px; color:#898888; font-size:14px;}
.commentContainer .commentTable .textarea { margin-right:93px;}
.commentContainer .commentTable .textarea textarea { width:100%; resize:none; height:60px; overflow-y:auto;}
.commentContainer .commentTable .submit { position:absolute; right:8px; top:0; width:83px; height:60px; background:#3366ff; border:0 none; font-size:16px; color:#fff;}

.commentContainer .commentList { }
.commentContainer .commentList .commentItem { padding:20px 25px; border-bottom:1px dashed #7d7d7d;}
.commentContainer .commentList .commentItem .line { overflow:hidden; position:relative;}
.commentContainer .commentList .commentItem .line2 { margin:15px 0 0;}
.commentContainer .commentList .commentItem .line p { color:#000; font-size:16px;}
.commentContainer .commentList .commentItem .line .userName,
.commentContainer .commentList .commentItem .line .date { display:inline-block; vertical-align:middle;}
.commentContainer .commentList .commentItem .line .date { margin-left:20px; padding-left:25px; padding-top:2px; background:url("/publish/_ui/images2/photo_community/ico/ico_time.png") no-repeat 0 0;}
.commentContainer .commentList .commentItem .line .btns { position:absolute; right:0; top:0; color:#058ee3; font-size:16px; overflow:hidden;}
.commentContainer .commentList .commentItem .line .btns span { float:left; padding-left:18px; margin-left:18px; background:url("/publish/_ui/images2/photo_community/ico/ico_line2.png") no-repeat 0 0;}
.commentContainer .commentList .commentItem .line .btns  span:first-child { margin-left:0; padding-left:0; background:none;}

/* openDicRegister1 */
.openDicRegister1 { margin:130px auto 210px; width:810px;}
.openDicRegister1 .inner { height:120px; padding:10px 0 0 220px; background:url("/publish/_ui/images2/encyclopedia/ico/ico_opendic1.png") no-repeat 72px 0;}
.openDicRegister1 .btns { margin:30px 0 0; padding:30px 0 0; border-top:1px solid #ddd;}

/* opendicTop */
.opendicTop { line-height:40px;}

/* opendicRegisterWrap */
.opendicRegisterWrap { }
.opendicRegisterWrap .lineWrap { overflow:hidden;}
.opendicRegisterWrap .lineWrap .lArea { float:left; width:50%; padding-right:15px;}
.opendicRegisterWrap .lineWrap .rArea { float:left; width:50%; padding-left:15px;}

.opendicRegisterWrap .contEditor { width:100%; height:270px; overflow:hidden; border:1px solid #ddd;}
.opendicRegisterWrap .contEditor > img  { width:100%; height:63px;}

/* opendicCategory */
.opendicCategory { border:2px solid #ddd;}
.opendicCategory .topArea { height:69px; line-height:69px; padding:0 10px 0 20px; overflow:hidden; background:#f5f5f5;}
.opendicCategory .topArea .topTit { float:left; font-size:19px;}
.opendicCategory .topArea .btns { float:right;}
.opendicCategory .topArea .btns .btnType { min-width:70px;}
.opendicCategory .topArea.type1 { position:relative;}
.opendicCategory .topArea.type1 .topTit { position:absolute; left:20px; top:0; bottom:0; width:66px;}
.opendicCategory .topArea.type1 .btns { position:absolute; right:10px; top:0; bottom:0;}
.opendicCategory .topArea.type1 .mid { margin:0 90px 0 66px;}
.opendicCategory .topArea.type1 .mid .inputText { width:100%;}

.opendicCategory .scroller { overflow-y:auto; height:415px;}
.opendicCategory .scroller.type1 { height:229px;}
.opendicCategory .scroller.type1 .sLineTit { line-height:55px; padding-left:20px; background:#999; font-size:18px; font-weight:700; color:#fff;}
.opendicCategory .scroller .sLine { overflow:hidden; position:relative; padding:8px 50px 8px 20px; border-top:1px solid #ddd;}
.opendicCategory .scroller .sLine:hover { background-color:#fefefe;}
.opendicCategory .scroller .sLine:first-child { border-top:0 none;}
.opendicCategory .scroller .sLine p { line-height:1.5; font-size:18px; padding:0 0 0 12px; background:transparent url("/publish/_ui/images2/encyclopedia/ico/ico_square.png") no-repeat 0 10px;}
.opendicCategory .scroller .sLine p span { color:#3366ff; text-decoration:underline; font-weight:700;}
.opendicCategory .scroller .sLine .del { position:absolute; right:15px; top:50%; margin-top:-10.5px;}

/* sitemapContainer */
.sitemapContainer { margin:50px 0;}
.sitemapContainer .sites { text-align:center;}
.sitemapContainer .sites a { display:inline-block; width:350px; height:77px; line-height:75px; margin:10px 15px; border:1px solid #a5acb4; border-radius:2px; box-shadow:4px 4px 1px #ebebeb;}
.sitemapContainer .sites a:hover { text-decoration:none;}
.sitemapContainer .sites a span { margin:0 15px;  font-size:20px; font-weight:700;}
.sitemapContainer .sites a img { margin-top:-5px;}
.sitemapContainer .sites a img.m {}
.sitemapContainer .siteLink { margin:75px 0 0; text-align:center; display:flex; flex-wrap:wrap; justify-content:center; gap:40px;}
.sitemapContainer .siteLink .menu { padding:30px 50px ;   border: 1px solid #ddd; border-radius: 20px;   width:calc(25% - 30px); vertical-align:top;}
.sitemapContainer .siteLink .mTit {  margin-bottom: 20px;font-size:26px; color:#3366ff; font-weight:700;}
.sitemapContainer .siteLink .list { text-align:left; }
.sitemapContainer .siteLink .list > li { padding:10px 0;}
.sitemapContainer .siteLink .list > li > a { font-size:21px; font-weight:700; line-height:1.5;  }
.sitemapContainer .siteLink .list a:hover{text-decoration:underline;}
.sitemapContainer .siteLink .list > li > ul { padding:10px 0 0 0;}
.sitemapContainer .siteLink .list > li > ul > li { padding:4px 0; font-size:18px;}
.sitemapContainer .siteBtns{display:flex; gap:10px; align-items:center; justify-content:center; }
.sitemapContainer .siteBtns a{padding:12px 40px; font-size: 22px;background: #000; color: #fff;  border-radius:8px; font-weight: 600; transition:all ease .35s; text-align: center;}
.sitemapContainer .siteBtns a .ico{ display: flex;align-items:center; justify-content:center; width: 27px; height: 27px;  transition:all ease .35s;  }
.sitemapContainer .siteBtns a p{ display:flex; gap:5px; align-items:center; justify-content:center;}
.sitemapContainer .siteBtns{display:flex; gap:10px; align-items:center; justify-content:center; }


/* calendarWrap */
.calendarWrap { width:1294px; height:362px; margin:30px auto 0; box-shadow:4px 4px 1px #ebebeb;}
.calendarWrap .lArea { float:left; position:relative; width:941px; height:362px; background:url("/publish/_ui/images2/encyclopedia/content/cont_today.png") no-repeat 0 0;}
.calendarWrap .lArea > a { display:block; height:362px;}
.calendarWrap .lArea p { position:absolute; top:242px; height:87px; line-height:95px; text-align:center; font-size:62px; font-weight:700;}
.calendarWrap .lArea .year { left:180px; width:176px;}
.calendarWrap .lArea .month { left:446px; width:88px;}
.calendarWrap .lArea .day { left:630px; width:89px;}
.calendarWrap .rArea { float:right; width:353px;}
.calendarWrap .rArea .top { overflow:hidden;}
.calendarWrap .rArea .top > * { float:left; height:65px; overflow:hidden;}
.calendarWrap .rArea .top .txt { width:222px; text-align:center; font-size:24px; line-height:65px; color:#fff; font-weight:700; background:url("/publish/_ui/images2/encyclopedia/ico/ico_cal_bg.png") no-repeat 0 0;}

/* calendarTable */
.calendarTable { border:1px solid #ddd; height:297px; border-width:0 1px 1px 0; overflow:hidden;}
.calendarTable table { width:100%;}
.calendarTable table th,
.calendarTable table td { width:14.28571428571429%; height:49.5px; vertical-align:middle; text-align:center;}
.calendarTable table thead th { font-size:20px; font-weight:700;}
.calendarTable table .hol { color:#b20000;}
.calendarTable table .next,
.calendarTable table .prev { color:#c0c0c0;}
.calendarTable table a { display:block; width:100%; height:100%; line-height:50px;}
.calendarTable table a.active,
.calendarTable table a:hover { background:#000; color:#fff; text-decoration:none;}

/* historyList */
.historyList { margin:30px 0 0; border-top:2px solid #ddd;}
.historyList .historyItem { overflow:hidden; height:127px; border-bottom:1px solid #ddd;}
.historyList .historyItem .year { float:left; width:270px; line-height:126px; text-align:center; font-size:32px; color:#004199; font-weight:700;}
.historyList .historyItem .year img { margin-top:-6px; margin-right:10px;}
.historyList .historyItem .descWrap { overflow:hidden; padding:20px 0 0;}
.historyList .historyItem .descWrap > img { float:left; margin-right:20px; width:auto; height:90px;}
.historyList .historyItem .descWrap .inner { overflow:hidden;}
.historyList .historyItem .descWrap .descTit { font-size:21px; font-weight:700;}
.historyList .historyItem .descWrap .desc { margin:10px 0 0; line-height:1.5; font-size:18px; height:54px; overflow:hidden;}

/* themeWords */
.themeWords { overflow:hidden; position:relative;}
.themeWords .tTit { position:absolute; left:0; top:0; font-size:16px; color:#000; font-weight:700; padding:5px 0;}
.themeWords .list { margin-left:70px;}
.themeWords .list li { display:inline-block; margin-right:15px; padding:5px 15px 5px 0;}

/* loadMore */
.loadMore { padding:30px 0; text-align:center;}
.loadMore button { height:40px; line-height:40px; background:#565b5d; padding:0 150px; color:#fff; border-radius:2px;}
.loadMore button img { margin-top:-2px; margin-left:10px;}

/* goToTop */
.goToTop { position:fixed; right:30px; bottom:54px; z-index:30; width:69px; height:68px; background:url("/publish/_ui/images2/encyclopedia/ico/ico_totop.png") no-repeat 0 0; overflow:hidden; text-indent:-1000px;}

/* emailCertifyTxt */
.emailCertifyTxt { margin:35px 0 0; padding:0 0 0 80px; background:url("/publish/_ui/images2/encyclopedia/ico/ico_mic.png") no-repeat 0 0;}
.emailCertifyTxt .txt { font-size:28px; font-weight:700; line-height:1.5;}
.emailCertifyTxt .txt span { color:#3366ff;}

/* emailCertifyBottom */
.emailCertifyBottom { margin:40px 0 0; padding:40px 0 0; border-top:1px solid #ddd;}
.emailCertifyBottom .pTxt1 { font-size:21px; text-align:center;}
.emailCertifyBottom .pTxt1 strong { color:#3366ff;}
.emailCertifyBottom .line { text-align:center;}
.emailCertifyBottom .line .desc { display:inline-block;}

.noData { margin:25px 0 0; padding:70px 0; background:#eee; text-align:center; font-size:20px; color:#000;}

/* printLayout */
#printLayout .encyberContentContainer .contSummaryWrap { float:none; width:auto; margin-left:0;}
#printLayout .media_wrap { display:none;}
#printLayout .encyberContentContainer .eTit { padding-right:0; font-size:24px;}

/* 2016.04.07 */
.noData2 {margin-top:65px; }
.noData2 > div {border-bottom:1px dotted #000; padding-bottom:30px; margin-bottom:30px;}
.noData2 p {font-size:18px; line-height: 1.8em; color:#000;}
.noData2 ul {overflow:hidden; margin-top:30px;}
.noData2 ul li {float:left;}
.noData2 ul li {margin-left:10px;}
.noData2 ul li:first-child {margin-left:0;}
.noData2 ul li a {display:block; background:#000; width:180px; font-size:18px; color:#fff; text-align:center; border-radius:2px; margin-left:2px; height:40px !important; line-height:40px !important;}
.noData2 ul li a.btn1 {background:#004199;}
.noData2 p span {color:#b20000;}
.noData2 p a {color:#004199; text-decoration:underline; font-weight:600;}

/* 2016.04.14 */
.img_group {min-width:360px;}

/* 2016.04.18 */
.categoryIndexWrap .row .cDescWrap .list2 {padding-left:15px; overflow:hidden; background:url("/publish/_ui/images2/encyclopedia/ico/ico_category_bg3.png") repeat 0 0;}
.categoryIndexWrap .row .cDescWrap .list2 li {width:552px; float:left; overflow:hidden; margin-top:15px; padding:0 30px 26px 0; overflow:hidden;}
.categoryIndexWrap .row .cDescWrap .list2 li:nth-child(3n) {padding-right:0;}
.categoryIndexWrap .row .cDescWrap .list2 li dl {float:left; width:341px;}
.categoryIndexWrap .row .cDescWrap .list2 li dl dt {padding-left: 11px; background: url("/publish/_ui/images2/encyclopedia/index/ico_arrow4.png") no-repeat 0 50%; color:#3366ff; font-size:19px; font-weight:600;}
.categoryIndexWrap .row .cDescWrap .list2 li dl dd {padding-left: 11px; margin-top:15px; font-size:16px; line-height:23px;}
.categoryIndexWrap .row .cDescWrap .list2 li div {float:left; margin-left:20px; width:160px; height:120px;}
.categoryIndexWrap .row .cDescWrap .list2 li div img {width:100%; height:100%;  overflow:hidden;}

/* 2016.04.18 */

.smallEncyl {width:1640px; margin:40px auto 0;}
.smallEncyl .small_list {width:100%; overflow:hidden; margin-bottom:40px;}
.smallEncyl .small_list li {float:left; margin-left:10px;}
.smallEncyl .small_list li:first-child {margin-left:0;}
.smallEncyl .small_list li a {display:block; height:43px; line-height: 43px; text-align:center; font-size:20px; color:#000; width:265px; border:1px solid #ddd; border-radius:5px;}
.smallEncyl .small_list li.active a {background:#000; color:#fff;}
.smallEncyl .small_listSub {width:100%; background:#383838; border-radius:5px; text-align:center;}
.smallEncyl .small_listSub a {display:inline-block; height:50px; line-height: 50px; color:#fff; font-size:18px; margin-left:40px; background:url("/publish/_ui/images2/encyclopedia/common/ico_top_1_dot.png") 0 21px no-repeat; padding-left:15px;}
.smallEncyl .small_listSub a:first-child {margin-left:0;}
.smallEncyl .small_listCon {background:url("/publish/_ui/images2/encyclopedia/content/bg_smallCon.png") 0 0 repeat;}
.smallEncyl .small_listCon ul {overflow:hidden; padding:0 195px;}
.smallEncyl .small_listCon ul li {width:305px; height:383px; background:url("/publish/_ui/images2/encyclopedia/content/bg_book.png") 0 26px no-repeat; float:left; margin-top:35px;}
.smallEncyl .small_listCon ul li div {width:185px; height:138px; overflow:hidden; margin:49px 0 0 54px; border:1px solid #0283e1;}
.smallEncyl .small_listCon ul li dl {width:185px; height:105px; overflow:hidden; margin:25px 0 0 54px; color:#fff; }
.smallEncyl .small_listCon ul li dl dt {font-size:18px; font-weight:600;}
.smallEncyl .small_listCon ul li dl dd {font-size:15px; margin-top:15px; line-height: 20px;}
.smallEncyl_view .text {overflow:hidden; margin:30px 0;}
.smallEncyl_view .text .list {float:left; width:339px; padding:20px; background:#3366ff;}
.smallEncyl_view .text .list li {margin-top:10px; background:url("/publish/_ui/images2/encyclopedia/common/ico_top_1_dot.png") 0 5px no-repeat; padding-left:15px; font-size:18px; color:#fff;}
.smallEncyl_view .text .list li:first-child {margin-top:0;}
.smallEncyl_view .text .con {padding-left:359px; line-height: 28px; font-size:20px;}
.smallEncyl_view .btn { border: 1px solid #a5acb4;font-size: 18px;color: #000;text-align: center; border-radius: 2px; margin-left: 2px; height: 40px !important; line-height: 40px !important; width:130px; margin:30px auto; display:block;}

/* 2016.04.25 */
.imagelink {color:#000;}
.imagelink .top_link {position:relative; height:40px; margin-top:20px;}
.imagelink .top_link p {font-size:18px;padding-top:20px;}
.imagelink .top_link p span {font-weight:600; color:#3366ff;}
.imagelink .top_link ul {position:absolute; top:0; right:0; overflow:hidden;}
.imagelink .top_link ul li {float:left; border:1px solid #000; margin-left:5px; border-radius:3px;}
.imagelink .top_link ul li.color {border:1px solid #3366ff;}
.imagelink .top_link ul li:first-child {margin-left:0;}
.imagelink .top_link ul li a {display:block; line-height: 38px; height:38px; text-align:center; font-size:18px; padding:0 15px;}
.imagelink .top_link ul li.color a {color:#fff; background:#3366ff;}
.imagelink .image_group {overflow:hidden; border:1px solid #000; border-width:1px 0; margin-top:10px; padding-bottom:10px;}
.imagelink .image_group li {float:left; margin:15px 0 0 10px;}
.imagelink .image_group li:nth-child(5n), .imagelink .image_group li:first-child {margin-left:0px;}
.imagelink .image_group li p.img {margin-bottom:5px; width:165px; height:124px;}
.imagelink .inputText {width:127px;}
.imagelink .uiCheckbox2 > span {font-size:18px;}
.imagelink .tableType3 table th img, .tableType3 table td img {padding-left:10px;}
.imagelink .uiCheckbox2 > span.check {background:url("/publish/_ui/images2/encyclopedia/ico/ico_radio2_off.png") no-repeat -1px 0;}
.imagelink .uiSelect {float:left;}
.imagelink .inputFileWrap > input[type=text] {border-left:0;}

.search_photo {display:block; background:#000; color:#fff; width:144px; margin-left:3px;}

/* 2016.04.27 */
.toolTip {z-index: 99999;}
.toolTip {position: absolute; padding-top: 27px;  }
.toolTip:before{content:''; width:40px; height:27px; background: url('/_ui/images/web/common/bg_toolTip01.png') center center / cover; position:absolute; left:10px; top:2px; z-index:1;}
.toolTip .inner {border: 2px solid #4c4c4c; overflow: hidden; zoom: 1; width: 183px; background: #fff; padding: 10px; border-radius: 10px;}
.toolTip .inner .chWrod {float: left; width: 60px; text-align: center;padding: 0 5px 0 0;font-size: 48px; font-weight: bold; color:#333; /*background: url('/_ui/images/web/common/bg_toolTip03.gif') right 0 no-repeat;  */ line-height: 1.2;}
.toolTip .inner .desc { float: left; width: 90px;color:#0047ad;  padding-left: 5px; }
/* _:-ms-fullscreen, :root .toolTip {margin-top:-50px;} */

/* 2016.05.02 */
.btn_map { background:#3366ff; font-size:18px; color:#fff; text-align:center; border-radius:2px; margin-left:2px; padding:0 15px; height: 38px; line-height: 38px;}

.view_map .search_area .sub {margin-left:80px;}
.view_map .search_area .search {margin-top:5px;}
.view_map .search_area .search span {font-size:21px; font-weight:600;}
.view_map .search_area .search input[type=text] {margin-left:10px; line-height: 40px; height: 40px; border-radius:3px; width:650px; border:1px solid #ddd;}
.view_map .search_area .search button {background:#3366ff; color:#fff; font-size:21px;  padding:0 25px; line-height: 40px; height: 40px; border-radius:3px;}
.view_map .result {margin-top:30px; position:relative;}
.view_map .result .list {float:left; width:282px;}
.view_map .result .map_area .location_search {border-bottom:1px solid #ddd; padding-bottom:10px;}
.view_map .result .map_area .location_search span {display:inline-block; font-size:21px; font-weight:600; margin-right:10px;}
.view_map .result .map_area .map {position:relative; height:750px;}

/* 2016.05.03 */
.history_list {}

/* 2016.06.09 백과 상세 지도보기내 레이어 팝업 UI*/
.mapDetailPopup {position:relative; border:2px solid #3366ff; background:#fff; padding:20px;}
.mapDetailPopup h1 {color: #004199; font-weight: 600; margin-bottom: 5px;}
.mapDetailPopup .viewDetailBtn {position:absolute; top:0; right:0;}

/* 1900px 이상 */
@media all and (min-width:1900px) {
    .header .row1 .rArea .item .txt { display:inline; color:#000;}
    .header .row1 .rArea .item img { display:none;}
    .header .row1 .rArea .item1 img,
    .header .row1 .rArea .item2 img { display:inline;}
}


/* 2000px까지 */
@media all and (max-width:2000px) {

}

/* 1940px까지 */
@media all and (max-width:1940px) {

}

/* 1900px까지 */
@media all and (max-width:1900px) {


}

/* 1800px까지 */
@media all and (max-width:1800px) {

    .header .row2 { text-align:left; /* padding-left:30px; */}
}


/* 1750px까지 */
@media all and (max-width:1750px) {

}

/* 1700px까지 */
@media all and (max-width:1700px) {

    .sliderView .indicatorWrap { width:auto; margin-left:5%; margin-right:5%;}

    .getIdpw .lArea,
    .getIdpw .rArea { float:none; border:0 none; padding-left:0; padding-right:0; width:810px; margin:0 auto;}

    .getIdpw .rArea { border-top:1px solid #ddd; padding-top:50px; margin-top:50px;}
}

/* 1670px까지 */
@media all and (max-width:1670px) {

    .articleContainer .rowContainer { width:auto; margin-left:30px; margin-right:30px;}

    .imageList .inContainer { width:auto; margin:0 30px;}
    .imageList .item { width:14.28571428571429%;}
    .imageList .item8 { display:none;}

    .utilContainer .inContainer, .utilContainer2 {  width:auto; margin:0 30px;}


    .categoryContainer .inContainer { width:auto; margin:0 30px;}

}

/* 1845px까지 */
@media all and (max-width:1845px) {

    .header .row1 .lArea .links > li > a { width:auto; padding:0 20px;}

    .utilContainer .inContainer .linkWrap { position:absolute; left:0; top:0; width:360px; bottom:9px; height:auto; padding-top:9px;}
    .utilContainer .inContainer .linkWrap .link { height:100%; padding-top:17px;}
    .utilContainer .inContainer .linkWrap .link2 { border-right:0 none;}
    .utilContainer .inContainer .linkWrap .link a { line-height:1.5; text-align:center;}
    .utilContainer .inContainer .linkWrap .link a .txt { display:inline-block; text-align:center; font-size:14px; margin:15px 0 0;}
    .utilContainer .inContainer .linkWrap .link a .img1 { width:80px; display:block; margin:0 auto;}
    .utilContainer .inContainer .linkWrap .link1 a .txt { width:80px;}

    .utilContainer .inContainer .themeWrap { position:relative; left:auto; right:auto; top:auto; margin-left:360px; width:auto; height:auto; border-left:1px solid #ddd;}
    .utilContainer .inContainer .themeWrap .blank { position:absolute; right:27px; top:0; bottom:0; width:1px; background:#fff;}
    .utilContainer .inContainer .themeWrap .btns { display:none;}
    .utilContainer .inContainer .themeWrap .tit { float:none;}
    .utilContainer .inContainer .themeWrap .themeList { height:auto;}
    .utilContainer .inContainer .themeWrap .themeList .list { height:auto; margin-right:0; margin-top:0 !important;}
    .utilContainer .inContainer .themeWrap .themeList .list li { width:16.66666666666667%; line-height:35px;}
    .utilContainer .inContainer .themeWrap .themeList .list li.first,
    .utilContainer .inContainer .themeWrap .themeList .list li { background:url("/publish/_ui/images2/encyclopedia/index/ico_line3.png") no-repeat 100% 50%;}
    .utilContainer .inContainer .themeWrap .themeList .list li:last-child { background:none;}

    .utilContainer2 .list li { width:16.66666666666667%;}
    .utilContainer2 .list li:nth-child(10n+1) { background: url("/publish/_ui/images2/encyclopedia/index/ico_line3.png") no-repeat 0 50%;}
    .utilContainer2 .list li:nth-child(6n+1), .utilContainer2 .list li:first-child {background:none;}

}

/* 1500px까지 */
@media all and (max-width:1500px) {
	.sliderView .largeView{padding:0 50px;}
    .sliderView .largeView .btn.prev { left:0;width: 40px;height: 40px;margin-top: -20px;  background-size: 40px;}
    .sliderView .largeView .btn.next { right:0; width: 40px;height: 40px;margin-top: -20px;  background-size: 40px;}
}

/* 1400px까지 */
@media all and (max-width:1400px) {

    .imageList .item { width:16.66666666666667%;}
    .imageList .item7 { display:none;}

    .utilContainer .inContainer .themeWrap .themeList .list li { width:20%;}

    .imageList2 .item { width:20%;}

    .imageList2.short .item6 { display:none;}



}

/* 1000px까지 */
@media all and (max-width:1000px) {
    .header .row2 .innerWrap .toplogo {display:none}
    /* .header .rArea .loginUserUtil  {display:none}
    .header .rArea .loginUserUtil2  {display:block;} */


}

/* 1350px까지 */
@media all and (max-width:1350px) {
    /* .header .rArea .loginForm  {display:none}
    .header .rArea .loginStatus  {display:none}
    .header .rArea .adminUserUtil  {display:none}
    .header .rArea .loginUserUtil  {display:none}
    .header .rArea .loginUserUtil2  {display:block;} */
}

/* 1645px까지 */
@media all and (max-width:1680px) {
    .header .row2 .innerWrap .textInput { width:410px;}
    ul.link div {width: 110px; display: inline-block;}
    .header .rArea .link li div h2 img {height: 15px;}
    .header .rArea .loginStatus{width:120px;}
    .header .rArea .loginStatus .logoutBtn a{background-size:120px 26px;}
}

/* 1400px까지 */
@media all and (max-width:1500px) {
    ul.link div {width: 110px; display: inline-block;}
    .header .rArea .link li div h2 img {height: 15px;}
    .header .row2 .innerWrap .textInput { width:350px;}
    .header .rArea .loginStatus{width:110px;}
    .header .rArea .loginStatus .logoutBtn a{background-size:110px 26px;}
}

/* 1400px까지 */
@media all and (max-width:1450px) {
    ul.link div {width: 110px; display: inline-block;}
    .header .rArea .link li div h2 img {height: 14px;}
    .header .row2 .innerWrap .textInput { width:360px;}
    .header .rArea .loginStatus{width:100px;}
    .header .rArea .loginStatus .logoutBtn a{background-size:100px 26px;}
	.listType1.double .item{width: 100%;}
}

/* 1400px까지 */
@media all and (max-width:1400px) {
    ul.link div {width: 100px; display: inline-block;}
    .header .rArea .link li div h2 img {height: 14px;}
    .header .row2 .innerWrap .textInput { width:330px;}
    .header .rArea .loginStatus{width:100px;}
    .header .rArea .loginStatus .logoutBtn a{background-size:100px 26px;}
}

@media all and (max-width:1370px) {
    ul.link div {width: 95px; display: inline-block;}
    .header .rArea .link li div h2 img {height: 14px;}
    .header .row2 .innerWrap .textInput { width:380px;}
    .header .rArea .loginStatus{width:90px;}
    .header .rArea .loginStatus .logoutBtn a{background-size:90px 26px;}
    .header .rArea .link li div span em {font-size:11px;}
    .header .rArea .link li div span {font-size:12px;}


    #content .moduleWrap.top:has(.headerUtils){display:none;}
    .headerUtils.renew2{top:0;}
    .headerUtils .line{justify-content: flex-start; margin-bottom: 20px;}
    .headerUtils .btn2{font-size: 16px;}
    .headerUtils .width1,
    .headerUtils .width2{width: auto; padding: 0 10px;}

    .encyberContentContainer .contSummaryWrap{float:none; width:100%; margin:0;}
    .tableType1 table th, .tableType1 table td{font-size: 16px;}

    .sitemapContainer .siteLink .menu {width:calc(50% - 20px);}

	 
}

 

@media all and (max-width:768px) {
    .contentBody{padding:0 5%;}

	.sliderView .indicatorWrap .indicatorOuter{    margin: 14px 34px 0;}

	.encyberContentContainer{font-size: 16px;}
    .encyberContentContainer .listOfContents{    padding: 10px 10px 10px 20px;}
    .encyberContentContainer .listOfContents .lTit{width: 60px; font-size: 18px;} 
	.encyberContentContainer .listOfContents .list{gap:5px; margin:5px 0;}
    .encyberContentContainer .listOfContents .list li{font-size: 14px; min-height:24px; padding-left: 32px;}
    .encyberContentContainer .listOfContents .list li:before{font-size: 13px; top:0;}

    .encyberContentContainer .contPapragraph1{font-size: 17px;}
    .encyberContentContainer .contPapragraph1 .floatImg{width:200px; margin: 5px 0 15px 15px;}
    .encyberContentContainer .contPapragraph1 .floatImg figcaption{font-size: 14px;}
    .encyberContentContainer .contInfoTable table th, .encyberContentContainer .contInfoTable table td{font-size: 14px; padding:10px 5px 10px 14px;}


	.contTit{font-size: 22px;}
    .contTit .tt{display:block; margin:0; padding:0; background: none; font-size: 14px;}
    .pc-only{display:none;}
	.tableType2 table th{word-break: keep-all;}
	.tableType2 table th, .tableType2 table td{font-size: 14px; padding: 10px;}
    .tableType5 table thead th{font-size: 14px;}
    .tableType5 table tbody td{font-size: 14px;}
    .tableType5 table .descWrap img{float:none; margin-bottom: 10px;}
    .tableType5 table .descWrap .desc .txt1{font-size: 20px;}
    .tableType5 table .descWrap .desc .txt2{font-size: 16px; height:50px;}
	
	.tableType3 table th, .tableType3 table td{font-size: 14px; padding:10px;}

	.reply{ font-size: 12px;  width: 50px;   height: 24px; line-height: 24px;}

	.tabType1 li{margin-bottom: -1px; }
	.tabType1 li a{font-size: 14px; height: 30px; line-height: 28px;  padding: 0 10px;}

	.optionsWrap .lArea{font-size: 14px;}
	.optionsWrap .rArea{width: 100%;}
	.optionsWrap .rArea .inputText{width: calc(100% - 105px);}
	.optionsWrap .rArea .btnType.btnType3{width: 100%;}


    .headerUtils .btn3{display:none;}

    .encyberContentContainer .eTit{font-size: 30px; line-height: 1.2; padding: 10px 0 15px;}
    .encyberContentContainer .eTit .openDic{max-height:30px; margin-left:0;}
    .encyberContentContainer .opendicTit{margin:10px 0;}
    .encyberContentContainer .opendicTit p{font-size: 14px; padding:0 10px;}

    .pathIndicator .order > li > span{font-size: 14px;}
	.pathIndicator .order > li:not(.home) > span{padding:0 6px;}
    .encyberContentContainer .enCyberTit .et{font-size: 24px;}
    .encyberContentContainer .enCyberTit.type1 .et{font-size: 18px;}

    .sitemapContainer{margin : 30px 0 0;}
    .sitemapContainer .siteBtns a{font-size: 16px;    padding: 12px 20px;}
    .sitemapContainer .siteLink{margin-top: 30px; gap:20px;}
    .sitemapContainer .siteLink .menu {width:100%; padding:20px 30px;}
    .sitemapContainer .siteLink .mTit{font-size: 22px;}
    .sitemapContainer .siteLink .list > li a{font-size: 16px;}
    .sitemapContainer .siteLink .list > li > a{font-size: 18px; line-height: 1.2;}

    .encyberContentContainer h4,
    .encyberContentContainer .contInnerTit{font-size: 20px;     margin: 20px 0 0;}

	.encyberContentContainer .contInfoTable.type1 table td .inTit{font-size: 14px; padding:10px;} 
	.encyberContentContainer .contInfoTable.type1 .child .inTit {font-size: 14px; padding:10px;} 
	.encyberContentContainer .contInfoTable.type1 table td .inDescWrap{padding:10px;}

	.toolTip{padding-top: 18px;}
	.toolTip:before{width: 24px; height: 18px;}
    .toolTip.flipped:before {transform: scaleX(-1);left: 3px;}
	.toolTip .inner{padding:5px; width: 60px; font-size: 12px;}
	.toolTip .inner .chWrod{width: 100%; padding:0; font-size: 16px; text-align:left;}
	.toolTip .inner .desc{padding-left: 0; width: 100%;}


	.categorySearchResult .resultHeader .titWrap .subDepth{    display: block;    width: 100%;    margin: 0;font-size: 16px; } 
	.categorySearchResult .resultHeader .innerSearch .sTit{font-size: 14px;}
	.categorySearchResult .resultHeader .innerSearch{width: 100%; display:flex;}
	.categorySearchResult .resultHeader .innerSearch .text{margin-left: 10px; width: 50%;}
	.categorySearchResult .resultHeader .innerSearch .submit{min-width:50px; font-size: 14px;} 
	.categoryIndexWrap .row .rTit{width: 100px; margin-right: 10px;}
	.listType1 .item .desc{-webkit-line-clamp: 3;}
	.listType1 .item .itemTit{font-size: 19px;}
	.listType1 .item .desc strong{font-size: 16px;}
	.listType1 .item .desc{font-size: 16px; margin:0;}


}
/*
@media all and (max-width:1300px) {
	.utilContainer .inContainer .themeWrap .themeList .list li { width:25%;}

}


@media all and (max-width:1250px) {

	.articleContainer .row { margin-right:0;}

	.articleContainer .asideCont {display:none; position:static; margin-top:20px; width:auto; overflow:hidden; padding: 0 15px 10px 15px;}
	.articleContainer .asideCont .asideItem { float:left; width:50%;}
	.articleContainer .asideCont .asideItem .innerWrap { height:175px; background-image:none !important;}
	.articleContainer .asideCont .asideItem.item1 .innerWrap { margin-right:10px;}
	.articleContainer .asideCont .asideItem.item2 { margin-top:0;}
	.articleContainer .asideCont .asideItem.item2 .innerWrap { margin-left:10px;}

	.articleContainer .asideCont .asideItem br { display:none;}

	.sliderView .btns,
	.sliderView .imageData,
	.sliderView .largeView { width:auto;}
	.sliderView .largeView .viewImg { width:100%; height:auto;}

}


@media all and (max-width:1200px) {



}

@media all and (max-width:1180px) {

	.imageList .item { width:20%;}
	.imageList .item6 { display:none;}

	.header .row2 .innerWrap { margin:0;}

	.contentHeader .headerUtils { position:relative; right:auto; top:auto; margin:0 auto; text-align:right; width:auto;}
	.contentHeader .categoryIndicator { margin-right:0;}


}

@media all and (max-width:1100px) {

	.utilContainer .inContainer .themeWrap .themeList .list li { width:33.33333333333333%;}

	.utilContainer2 .list li { width:33.33333333333333%;}
	.utilContainer2 .list li:nth-child(10n+1), 	.utilContainer2 .list li:nth-child(6n+1) { background: url("/publish/_ui/images2/encyclopedia/index/ico_line3.png") no-repeat 0 50%;}
	.utilContainer2 .list li:nth-child(3n+1), .utilContainer2 .list li:first-child {background:none;}



	.imageList2 .item { width:25%;}
	.imageList2.short .item5 { display:none;}

	.header .row1 { height:auto;}

	.header .row1 .lArea,
	.header .row1 .rArea { float:none; overflow:hidden;}

	.header .row1 .rArea { height:33px; text-align:center;}
	.header .row1 .rArea .item { float:none; display:inline-block;}

	.header .row1 .lArea .links { float:none; overflow:hidden;}
	.header .row1 .lArea .links > li { width:33.333333333%;}
	.header .row1 .lArea .links > li > a { width:auto;}

	.header .row1 .rArea .pComm .count { margin-right:20px;}
	.header .row1 .rArea .searchCaller { padding:0 10px; text-align:left;}
	.header .row1 .rArea .login { margin-left:20px;}
	.header .row1 .rArea .customerCenter { margin-left:20px; padding-left:21px;}
}


@media all and (max-width:1020px) {

}


@media all and (max-width:960px) {

	body { overflow-x:auto;}
	.wrapper { min-width:960px;}

}
*/

/* .header .rArea .link2 { */
/*     display: none; */
/* }   */

/* 1020px까지 */
@media all and (max-width:1570px) {

    /* ul.link div {width: 123px; display: inline-block;} */
    /* 	.header .rArea .link2 {position: relative; display: inline-block;} */
    /* 	.header .rArea .link2 li {margin-left:-5px; } */
    /* 	.header .rArea .link2 li div h2 img {height:71px;} */
}

/* 2016.11.10 */
.contEditor img{vertical-align: top !important;margin-top : -1px !important; padding:0 !important;}
.contEditor .xfeNormalButton{padding : 0 !important;}

.editorArea img{vertical-align: top !important;margin-top : -1px !important; padding:0 !important;}
.editorArea .xfeNormalButton{padding : 0 !important;}


.pathIndicator .order {
    float: left;
    list-style: none;
}

.autoCompleteLayer ul {padding: 0;}

.sertxt ul{padding-left: 20px !important; list-style: square url(bul.gif);}
.sertxt li{padding-left: 5px !important; list-style: square url(bul.gif);}

.newTableWrap p {
    margin-bottom: 0px !important;
}

.articleContainer .type1.articleItem.noImg .descWrap{
    margin-left: 10px !important;
}

.copyrightInfo {width: 1136px;margin: 30px auto 0;padding: 5px;border: 2px solid #ddd;color: darkgray;font-size: 13px;}
.copyrightIcon {line-height: 30px;}
.copyrightIcon a {text-decoration: underline;color: cornflowerblue;}
.copyrightTxt {line-height: 30px;}


.encyberContentContainer .yearStatisticWrap table tr.line.top { border-top: 2px solid #0a0a0a !important; }
.encyberContentContainer .yearStatisticWrap table tr.line.bottom { border-bottom: 2px solid #0a0a0a !important; }
.encyberContentContainer .yearStatisticWrap table tr.line td { padding: 0 !important; border: 0 !important; }
.encyberContentContainer .yearStatisticWrap table th {
    border-left: 10px solid #FFFFFF !important;
    border-right: 10px solid #FFFFFF !important;
    border-top: 1px solid #FFFFFF !important;
    border-bottom: 2px solid #0a0a0a !important;
}
.encyberContentContainer .yearStatisticWrap table tbody td {
    text-align: right;
    font-size: 16px;
    border-left: 10px solid #FFFFFF !important;
    border-right: 10px solid #FFFFFF !important;
    border-top: 1px solid #dee2e6 !important;
    border-bottom: 0 !important;
}
.encyberContentContainer .yearStatisticWrap table th:last-child {
    background-color: #e5f1ff;
}
.encyberContentContainer .yearStatisticWrap table tbody td:last-child {
    background-color: #e5f1ff;
}