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

body { font-size:16px; font-family:"NanumBarunGothic", dotum, arial, sans-serif; color:#333; background:#222;}

body.fixed { overflow:hidden;}

.wrapper { min-width:1300px;}

/* header */
.header { position:relative; z-index:5;}
.header .row:after { display:block; content:""; clear:both;}

.header .row1 { background:#e7e7ea; height:35px;}
.header .row1 .lArea {background:url("/publish/_ui/images2/photo_community/common/bg_sh.png") right bottom 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; font-family:"Noto Sans",sans-serif; color:#484848; font-size:20px; background:url("/publish/_ui/images2/photo_community/common/bg_sh.png") 0 bottom no-repeat #e7e7ea; border-right:1px solid #222; text-align:center;}
.header .row1 .lArea .links > li:first-child > a {background:url("/publish/_ui/images2/photo_community/common/bg_sh2.png") right bottom no-repeat #e7e7ea;}
.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;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:1000; left:0; top:36px; width:285px; height:105px; margin-left:-258px; background:#004199; border-radius:10px; box-shadow:3px 3px 3px #222; 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 .row1 .rArea .searchCaller { display:block; padding:0 10px; background:#004199; color:#fff;}

.header .row2 { clear:both; /* text-align:center; */ position:relative; width:100%; border-bottom: 1px solid #cbcfd2; margin-bottom: 6px; height: 82px}
.header .row2:after { content:""; display:block; clear:both;}
.header .row2 .innerWrap { display:inline; line-height:90px; text-align:left;}
.header .row2 .innerWrap fieldset { width: 100%; margin-right: 700px; margin-top:20px;}
.header .row2 .innerWrap > * { display:inline-block; line-height:1;}
.header .row2 .innerWrap .toplogo { display:inline-block; width:165px; position:relative; margin-left:20px;  margin-right:20px; z-index: 15000}
.header .row2 .innerWrap .textInput { position:relative; display:inline;/*  margin-left:20px; */}
/* .header .row2 .innerWrap .textInput input[type=text] { width:100%; line-height:50px; height:50px; border-radius:0 0 0 0; border:0 none; background:#fff; padding:0 10px; font-size:20px; color:#000;} */
.header .row2 .innerWrap .textInput input[type=text] { width:13%; 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:0; right:0; top:50px; z-index:150; border-width:0 2px 2px; background:#fff; text-align:left; border-top:1px solid #222;}
.header .row2 .innerWrap .textInput .autoCompleteLayer li { padding:10px 15px;}
.header .row2 .innerWrap .textInput .autoCompleteLayer li:hover { background:#efefef;}
.header .row2 .innerWrap .textInput .autoCompleteLayer li strong { color:#004199; font-weight:700;}
.header .row2 .innerWrap .textInput .autoCompleteLayer .bot { background:#eff0f0; border-top:1px solid #aaa; padding:5px 15px; text-align:right;}
.header .row2 .innerWrap .doSearch { width:70px; height:50px; background:#004199 url("/publish/_ui/images2/photo_community/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 { width:70px; height:50px; background:#004199 url("/publish/_ui/images2/photo_community/common/ico_search_m.png") no-repeat 50% 50%; overflow:hidden; border:0 none; text-indent:-1000px; border-radius:0 2px 2px 0;}
.header .row2 .innerWrap .sBtn.adminSearch { background:#565b5d; }
.header .row2 .func { position:absolute; top:20px; text-align:center;}
.header .row2 .func.left { left:30px;}
.header .row2 .func.left2 { left:190px;}
.header .row2 .func.right { right:30px;}
.header .row2 .func a img,
.header .row2 .func button img { margin-left:4px;}
.header .row2 .func .viewChanger { width:146px; height:50px; color:#fff; font-size:16px; border-radius:2px; background:#008561;}
.header .row2 .func .registPhoto { display:inline-block; line-height:50px; width:146px; height:50px; margin-left:4px; background:#0b7bc1; color:#fff; font-size:16px; font-weight:700; border-radius:2px;}

.header .rArea {position:absolute; top:9px; right:10px;}
.header .rArea .link { float:left;}
.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:18px;}
.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;}
.header .rArea .link li.active span {background:#e7e7ea; color:#222;}

.header .rArea .loginStatus { float:left; height:72px; margin-left:7px; width:103px;}
.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; overflow: hidden;}
.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 -17px 0;}
.header .rArea .adminUserUtil { float:left; height:72px; width:132px; 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 .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 .loginUserUtil a.writer { width:65px; background-image:url("/publish/_ui/images2/encyclopedia/ico/ico_writer.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; display:inline-block; float:left; margin-left:-15px; width:160px;}
.header .rArea .loginForm .links a { }
.header .rArea .loginForm .saveId { font-size:11px; margin-top:3px; margin-left:-4px;}

.header .rArea .memberInfo {top: 5px; right: 0; position: absolute; width: 220px;}
.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: 105px;}
.header .rArea .memberInfo > li a {display:block; height: 35px; line-height: 35px; color:#fff; font-size:13px;font-family:"Noto Sans", simhei, sans-serif; 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: 220px;}
.header .rArea .member > li {position:relative; background:url("/publish/_ui/images2/encyclopedia/common/ico_line1.png") 0 12px no-repeat; width: 105px;}
.header .rArea .member > li a {display:block; height: 35px; line-height: 35px; color:#fff; font-size:13px;font-family:"Noto Sans", simhei, sans-serif; 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:16px;}
.header .rArea .member li .rBox .close {position:absolute; top:10px; right:10px;}
.header .rArea .member li .rBox .close img {width:15px;}

.header .row2 .bGroup {position: relative;display: inline-block;}
.header .row2 .iGroup {display:none;}
.header .row2 .viewChanger { width:126px; height:50px; color:#fff; font-size:16px; border-radius:2px; background:#008561; line-height: 20px;}
.header .row2 .registPhoto { display:inline-block; line-height:47px; width:126px; height:50px; margin-left:1px; background:#0b7bc1; color:#fff; font-size:16px; font-weight:700; border-radius:2px; text-align:center;}
.header .search_iGroup {display:none;}
.header .search_bGroup {display:inline-block; margin-left:-3px;}

/* footer */
.footer { margin:15px 0 0; border-top:1px solid #4d4d4d; color:#666;}
.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:34px;}
.footer .lArea .descWrap { overflow:hidden; padding:20px 0 0; font-family:"Noto Sans",sans-serif; 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;}
.footer .rArea .links > li { float:left; margin-left:14px; padding-left:18px; background:url("/publish/_ui/images2/photo_community/common/ico_line2.png") no-repeat 0 50%; color:#898888; font-size:14px; line-height:53px; height:53px;}
.footer .rArea .links > li:first-child { margin-left:0; padding-left:0; background:none;}
.footer .rArea .links > li.sp1 { color:#c1c1c1; font-weight: 700}

/* pathIndicator */
.pathIndicator { position:relative; z-index:10; background:#004199; height:51px; overflow:hidden; padding:0 30px;}
.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 #002b66; color:#fff; font-size:16px;}
.pathIndicator .order > li > button { display:block; height:51px; line-height:51px; padding:0 55px 0 15px; background:url("/publish/_ui/images2/photo_community/ico/ico_path_off.png") no-repeat 100% 50%; color:#fff; font-size:16px; border-right:1px solid #002b66;}
.pathIndicator .order > li > button.open { background-image:url("/publish/_ui/images2/photo_community/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; font-size:16px;}


/* indexContainer */
.indexContainer { margin:0 15px;}
.indexContainer:after { content:""; display:block; clear:both;}
.indexContainer .item { float:left; width:16.66666666666667%; padding:0 0 15px;}
.indexContainer .item > a { display:block; margin:0 7.5px; position:relative; overflow:hidden;}
.indexContainer .item > a .innerWrap { position:absolute; left:0; top:0; z-index:2; width:100%; height:100%; border:5px solid transparent; -webkit-transition:all 0.2s; transition:all 0.2s;}
.indexContainer .item > a .hoverWrap { position:absolute; left:0; right:0; bottom:-1px; z-index:1; background:rgba(0,0,0,0.6); padding:10px;}
.indexContainer .item > a .hoverWrap .itemTit { overflow:hidden;}
.indexContainer .item > a .hoverWrap .itemTit .tag { float:left; width:62px; height:19px; line-height:19px; background-repeat:no-repeat; background-position:0 0; padding-left:15px; color:#fff; font-size:14px; -webkit-transition:all 0.2s; transition:all 0.2s; margin-right:5px;}
.indexContainer .item > a .hoverWrap .itemTit .tag.tag1 { background-image:url("/publish/_ui/images2/photo_community/index/bg_headtail1.png");}
.indexContainer .item > a .hoverWrap .itemTit .tag.tag2 { background-image:url("/publish/_ui/images2/photo_community/index/bg_headtail2.png");}
.indexContainer .item > a .hoverWrap .itemTit .pName { display:block; overflow:hidden; color:#fff; font-size:20px; font-weight:700; line-height:20px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; word-break:break-all;}
.indexContainer .item > a .hoverWrap .infoWrap { overflow:hidden; margin:6px 0 0; line-height:16px; height:21px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
.indexContainer .item > a .hoverWrap .infoWrap > p { overflow:hidden; color:#b4b4b4; font-size:14px; padding:3px 0; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
.indexContainer .item > a .hoverWrap .infoWrap > p img { margin-right:5px;}
.indexContainer .item > a figure { position:relative;}
.indexContainer .item > a figure img { display:none; position:absolute; left:50%; top:50%; -webkit-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%);}
.indexContainer .item > a figure img.base { display:block; position:relative; left:auto; top:auto; width:100%; -webkit-transform:translateX(0%) translateY(0%); transform:translateX(0%) translateY(0%);}
.indexContainer .item > a:focus .innerWrap,
.indexContainer .item > a:hover .innerWrap { border-color:#0052c1;}
.indexContainer .item > a:focus .hoverWrap,
.indexContainer .item > a:hover .hoverWrap { background:rgba(51,80,156, 0.8) url("/publish/_ui/images2/photo_community/index/ico_plus.png") no-repeat 95% 12px;}
.indexContainer .item > a:focus .hoverWrap .itemTit .tag,
.indexContainer .item > a:hover .hoverWrap .itemTit .tag { width:0; overflow:hidden; padding-left:0; margin-right:0;}
.indexContainer .item > a:focus .hoverWrap .itemTit .pName,
.indexContainer .item > a:focus .hoverWrap .infoWrap > p,
.indexContainer .item > a:hover .hoverWrap .itemTit .pName,
.indexContainer .item > a:hover .hoverWrap .infoWrap > p { color:#fff;}
.indexContainer .item > a:focus .hoverWrap .itemTit,
.indexContainer .item > a:hover .hoverWrap .itemTit { padding-right:40px;}
.indexContainer .more_view {clear:both; display:block; margin:0 auto; width:650px; border:1px solid #4d4d4d;  background:#000; height:48px; line-height: 48px; text-align: center;}
.indexContainer .more_view span {display:inline-block; background:url("/publish/_ui/images2/photo_community/ico/ico_arrowD.png") right 20px no-repeat; padding-right:25px; color:#fff;}

/* contentContainer */
.contentContainer { position:relative;}

/* listSearchOptions */
.listSearchOptions { margin:0 30px; overflow:hidden; position:relative;height:60px}
.listSearchOptions .itemOpts { }
.listSearchOptions .itemOpts .selWrap:after { content:""; display:block; clear:both;}
.listSearchOptions .itemOpts .selWrap > * { float:left; line-height:40px;}
.listSearchOptions .itemOpts .selWrap .tit { font-size:34px; color:#fff; font-weight:700;}
.listSearchOptions .itemOpts .selWrap > .btnType { margin-left:15px; vertical-align:top;}
.listSearchOptions .itemOpts .selWrap > .location { margin-left:30px; padding-left:18px; color:#fff; background:url("/publish/_ui/images2/photo_community/ico/ico_circle.png") no-repeat 0 47%;}
.listSearchOptions .itemOpts .resultTxt { height:40px; line-height:40px; font-size:34px; color:#fff; font-weight:700;}
.listSearchOptions .itemOpts .resultTxt strong { color:#058ee3;}

.listSearchOptions .viewOpts { position:relative; right:0; top:0; bottom:0; overflow:hidden; height:80px; line-height:40px; text-align:right; float:right;}
.listSearchOptions .viewOpts > p { display:inline-block; color:#fffefe; padding:0 20px;}
.listSearchOptions .viewOpts > p:first-child { padding-left:30px;}
.listSearchOptions .viewOpts > p.photoCount {  background:url("/publish/_ui/images2/photo_community/ico/ico_line3.png") no-repeat 0 50%;}
.listSearchOptions .viewOpts > p.sel .uiSelect2 select { border-color:#4e4e4e; background:transparent; min-width:130px;}
.listSearchOptions .viewOpts > p.sel { padding-right:0;}

/* listTable1 */
.listTable1 { padding:0 30px; margin:15px 0 0;}
.listTable1 table { width:100%; table-layout: fixed;}
.listTable1 table thead th { border:1px solid #4d4d4d; border-width:1px 0; padding:5px 0; font-size:16px; color:#fff; vertical-align:middle; background:#2b2b2b;}
.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:5px 0; vertical-align:middle; border-bottom:1px solid #4d4d4d; text-align:center; font-size:16px; color:#fff; line-height:1.7;}
.listTable1 table tbody .left { text-align:left; padding-left:10px;}
.listTable1 table tbody td a.a_link { display:block; overflow: hidden; max-height: 110px; width: 100%}
.listTable1 table tbody td a.img:hover { text-decoration:none;}
.listTable1 table tbody td a.img > img { margin:5px 8px 5px 0; width:100px; height:70px;}
.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 p { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.listTable1 table tbody td a.a_link p { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.listTable1 table tbody .selected td { background-color:#01214c;}

/* paging */
.paging { padding:30px 0 15px; text-align:center;}
.paging > li { display:inline-block;}
.paging > li > a { display:block; min-width:34px; height:34px; margin:0 2px; line-height:34px; text-align:center; color:#fff;}
.paging > li > a.func { border:1px solid #7e7e7e;}
.paging > li > a.func img { margin-top:-4px;}
.paging > li > a.active { background:#0b7bc1; font-size:14px;}


.paging.type1 > li > a.func { border-color:#3b6aaa;}
.paging.type1 > li > a.active { background:#191919;}

.paging.admin > li {vertical-align:bottom;}
.paging.admin > li > a.func img { margin-top:12px;}

/* viewMetaWrap */
.viewMetaWrap { position:relative; margin:0 30px; min-width:1400px;} /* 커뮤니티 상세 브라우저창 가로사이즈 줄일 경우 상단 타이틀 영역 고정 영역*/

.viewInfoWrap { margin:0 425px 0 0; border:1px solid #4d4d4d;}
.viewInfoWrap .inWrap { display:table; width:100%;}
.viewInfoWrap .inWrap .cell { display:table-cell; height:100%; overflow:hidden; vertical-align:middle;}
.viewInfoWrap .inWrap .cell dt { float:left; text-align:center; background:#383838; font-size:16px; color:#fff; padding:0 10px; height:100%; }
.viewInfoWrap .inWrap .cell dd { overflow:hidden; padding-left:14px; color:#fff; font-size:16px;}
.viewInfoWrap .inWrap .cell dt p { display:inline-block; line-height:1.5; vertical-align:middle;}
.viewInfoWrap .inWrap .cell p { display:inline-block; line-height:1.5; vertical-align:middle;}
.viewInfoWrap .inWrap .cell .comment { display:inline-block; margin-left:5px; color:#058ee3;}
.viewInfoWrap .inWrap .cell .comment img { margin-right:5px; margin-top:-4px;}

.viewController { position:absolute; right:0; top:0; width:425px; height:100%; border:1px solid #4d4d4d; border-left-width:0; padding:1px 0 0 15px; padding-top:8px;}
.viewMetaWrap .viewController:after { content:""; display:block; clear:both;}
.viewController > * { float:left; height:40px; border:1px solid #4d4d4d; line-height:40px; text-align:center; color:#fff; font-size:16px; margin-left:5px;}
.viewController a { text-decoration:none;}
.viewController > * sup { vertical-align: super;}
.viewController > * img { margin-top:-4px;}
.viewController > .active { background:#107cc0; border-color:#107cc0;}
.viewController > .active2 { background:#004199; border-color:#004199;}
.viewController .btn1 { margin-left:0; width:78px;}
.viewController .btn1 img { margin-right:10px;}
.viewController .btn2 { width:78px;}
.viewController .btn2 img { margin-left:10px;}
.viewController .btn3 { width:78px;}
.viewController .btn4 { width:78px;}
.viewController .btn5 { width:49px; line-height:30px; margin-top:5px;}
.viewController .btn6 { width:49px; border-left-width:0; margin-left:0; line-height:30px; margin-top:5px;}
.viewController .btn7 { width:80px; margin-top:5px; margin-left:0px;}
.viewController .btn8 { width:155px; margin-left:0; margin-top:5px;}
.viewController .btn8 img { margin-left:10px;}
.viewController .btn9 { width:123px; margin-top:5px;}
.viewController .btn10 { width:60px;}
.viewController .btn11 { position:relative; width:80px; /*margin-top:5px;*/}
.viewController .btn11 > a { display:block;}
.viewController .btn11 > .linkLayer { display:none; position:absolute; right:0; top:43px; z-index:200; width:205px; padding:10px 20px 20px; background:#fff; text-align:left;}
.viewController .btn11 > .linkLayer .linkT { padding-left:30px; background:url("/publish/_ui/images2/photo_community/ico/ico_link_dot.png") no-repeat 0 50%; color:#222; font-size:20px; font-weight:700;}
.viewController .btn11 > .linkLayer .links { padding:15px 0 0;}
.viewController .btn11 > .linkLayer .links a { margin-left:5px;}
.viewController .btn11 > .linkLayer .links a:first-child { margin-left:0;}
.viewController .btn11 > .linkLayer .closer { position:absolute; right:20px; top:22px; width:18px; height:17px; line-height:1;}
.viewController .btn12 { width:98px; margin-top:5px;}

/* listType1 */
.listType1 { margin:15px 30px 0; border:1px solid #4d4d4d;}
.listType1 .inWrap { overflow:hidden; margin:0 15px; padding:25px 0 5px;}
.listType1 .item { float:left; margin:0 0 20px; padding:0 7.5px; width:16.66666666666667%; color:#fff; font-size:16px; min-height: 215px;}
.listType1 .item figcaption { margin:15px 0 0;  text-align:center; min-height: 16px;}
.listType1 .item a { display:block; position:relative;}
.listType1 .item a .origin { display:none;}
.listType1 .btn_list {text-align:right;}
.listType1 .btn_list a {display:inline-block; height:40px; line-height: 40px; background:#000; color:#fff; font-size:16px; text-align:center; padding:0 15px; margin-bottom:10px; border: 1px solid #4d4d4d;}
.listType1 .btn_list a.color {background:#008561;}

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

/* viewInfoContainer */
.viewInfoContainer { overflow:hidden; position:relative; margin:15px 30px 0;}
.viewInfoContainer .lArea { margin:0 609px 0 0;}
.viewInfoContainer .lArea.full { margin-right:0;}
.viewInfoContainer .rArea { position:absolute; right:0; top:0; bottom:0; width:609px; border:1px solid #4d4d4d; border-left-width:0; padding:15px;}
.viewInfoContainer .rArea .inWrap { position:relative; height:100%;}
.viewInfoContainer .rArea .inWrap > img { width:100%; height:100%;}
.viewInfoContainer .rArea .inWrap .largeView { position:absolute; right:0; bottom:0; width:134px; height:40px; text-align:center; font-size:16px; color:#fff; background:#565b5d;}
.viewInfoContainer .rArea .inWrap .largeView img { margin-top:-4px; margin-left:5px;}

/* viewType1 */
.viewType1 { }
.viewType1 table { width:100%; border:1px solid #4d4d4d; border-width:0 1px;}
.viewType1 table .left { text-align:left; padding-left:15px;}
.viewType1 table th,
.viewType1 table td { padding:2px 0; border:1px solid #4d4d4d; border-width:1px 0; color:#fff; font-size:18px; line-height:1.5; vertical-align:middle;}
.viewType1 table th { background:#383838;}
.viewType1 table td { padding-left:15px; padding-right:15px;}
.viewType1 table .btn1 { width:134px; height:40px; background:#0b7bc1; color:#fff;}
.viewType1 table .btn1 img { margin-top:-4px; margin-right:5px;}
.viewType1 table .inWrap { position:relative; }
.viewType1 table .inWrap .text { margin-right:210px; min-height:40px; line-height:40px;}
.viewType1 table .inWrap .text.pos1 { margin-right:310px;}
.viewType1 table .width1 { width:150px;}
.viewType1 table .width2 { margin-right:43%;}
.viewType1 table .width2 > input { width:125%;}
.viewType1 table .rFixBtn { position:absolute; right:0; top:0; width:145px;}
.viewType1 table .rFixBtn.pos1 { right:155px;}
.viewType1 table .rFixBtn.rFixType1 { width:145px; line-height:1;}
.viewType1 table .rFixBtn.rFixType2 { width:190px;}
.viewType1 table .required { display:inline-block; overflow:hidden; text-indent:-1000px; margin-left:3px; width:8px; height:7px; background:url("/publish/_ui/images2/photo_community/ico/ico_required.png") no-repeat 0 0; vertical-align:middle;}
/* .viewType1 table .movieReigser th,
.viewType1 table .movieReigser td { display:none;} */

.viewType1 table .fileDropArea { position:relative;}
.viewType1 table .fileDropArea .dropZone { overflow:hidden; margin-right:160px; border:1px solid #383838; height:189px; line-height:118px; background:#1d1d1d; text-align:center; color:#fff; font-size:16px; text-indent:-10000px; background:url("/publish/_ui/images2/photo_community/ico/bg_fileupload.png") no-repeat 50% 0;}
.viewType1 table .fileDropArea .dropZone.movie { background-image:url("/publish/_ui/images2/photo_community/ico/bg_fileupload_movie.png");}
.viewType1 table .fileDropArea .btns { position:absolute; right:0; top:0; bottom:0; width:145px;}
.viewType1 table .fileDropArea .btns .btnType { width:100%;}
.viewType1 table .fileDropArea .btns .uiCheckbox { position:absolute; left:0; bottom:0;}

.viewType1 table .warning { padding:15px 0 0; font-size:14px; color:#898888;}

.viewType1 table .type1 { vertical-align:top; text-align:left; padding:15px 0 0;}
.viewType1 table .type1 p { margin:0 5px; line-height:48px; border-bottom:1px dotted #7d7d7d; padding:0 10px;}
.viewType1 table .type1 p.line1 { line-height:143px;}
.viewType1 table .type1 p.line3 { height:96px;}
.viewType1 table .type1 p.line5 { height:75px;}

.viewType1 table .type2 { vertical-align:top; text-align:left; padding:5px 0 0;}
.viewType1 table .type2 p { margin:0 5px; line-height:48px; border-bottom:1px dotted #7d7d7d; padding:0 10px;}
.viewType1 table .type2 p.line2 { border-bottom:0 none;}

.photoListWrap { position:relative; padding:15px 0 0; overflow:hidden;}
.photoListWrap .photoItem { float:left; width:20%; max-width:225px; padding:0 8px; margin-bottom:15px;}
.photoListWrap .photoItem .itemInWrap { background:#222;}
.photoListWrap .photoItem .img { cursor:move; height:150px; line-height:150px; text-align:center;}
.photoListWrap .photoItem .img img { max-height:150px; max-width: 225px}
.photoListWrap .photoItem .line { line-height:48px;}
.photoListWrap .photoItem .line > * { width:100%;}
.photoListWrap .photoItem .line.desc { line-height:1;}
.photoListWrap .photoItem .line textarea { margin-top:8px; height:37px;}
.photoListWrap .photoItem .btns { padding-top:4px;}
.photoListWrap .photoItem .btns .btnType { background:#004199; border-color:#004199;}

.viewType1 table .wordItem { display:inline-block; margin-left:35px;}
.viewType1 table .wordItem:first-child { margin-left:0;}
.viewType1 table .wordItem a { vertical-align:top; margin-left:10px;}
.viewType1 table .wordItem a img { margin-top:-5px;}
.viewType1 table .wordItem button { margin-left:5px; margin-top:-2px; width:30px; height:30px; line-height:1;}

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

.tableType2 table { width:100%; border:1px solid #3b6aaa;}
.tableType2 table th,
.tableType2 table td { padding:15px 10px 15px 0; color:#fff; border:1px solid #3b6aaa; border-width:0 0 1px; line-height:1.6; vertical-align:middle;}
.tableType2 table th { padding-left:25px; font-size:18px; background:#1a54a3; font-weight:400;}
.tableType2 table td { padding-left:15px; font-size:16px;}
.tableType2 table .color1 { color:#00e4ff;}


/* commentContainer */
.commentContainer { margin:30px 30px 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%;  background-size:22px; color:#058ee3; font-size:20px; font-family:"Noto Sans",sans-serif;}
.commentContainer .commentTable { width:100%; /*text-align:left;*/ border:1px solid #4d4d4d; border-width:0 1px 1px;}
.commentContainer .commentTable th,
.commentContainer .commentTable td { vertical-align:middle;}
.commentContainer .commentTable th { font-size:18px; color:#fff; padding:8px 8px 8px 24px; background:#383838;}
.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],
.commentContainer .commentTable textarea { border:1px solid #373737; background:#1d1d1d; font-size:16px; color:#fff;}
.commentContainer .commentTable input[type=text] { height:30px; line-height:30px; padding:0 8px;}
.commentContainer .commentTable .textInput1 { }
.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:30px; overflow-y:auto; padding:7px;}
.commentContainer .commentTable .submit { position:absolute; right:8px; top:0; width:83px; height:30px; background:#0b7bc1; 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:#fff; 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;}

/* toTop */
.toTop { position:absolute; right:30px; bottom:0; width:69px; height:70px; text-indent:-1000px; overflow:hidden; background:url("/publish/_ui/images2/photo_community/ico/ico_top.png") no-repeat 50% 50%;}

/* slideShowLayer */
.slideShowLayer { display:none; position:fixed; left:0; right:0; top:0; bottom:0; z-index:200; background:#fff;}
.slideShowLayer .tit { height:46px; padding-left:9px; background:url("/publish/_ui/images2/photo_community/ico/ico_slidetit_left.png") no-repeat 0 0; border-bottom:1px solid #c1c5ca;}
.slideShowLayer .tit .inWrap { height:46px; line-height:46px; padding-left:8px; font-size:22px; color:#fff; font-weight:700; background:url("/publish/_ui/images2/photo_community/ico/ico_slidetit_right.png") no-repeat 100% 0;}
.slideShowLayer .imageView { position:absolute; left:0; right:0; top:0; bottom:0; background:#222; text-align:center;}
.slideShowLayer .imageView .img { position:absolute; left:0; top:0; width:100%; height:100%; display:none;}
.slideShowLayer .imageView .img .inner { position:relative; height:100%; max-width:100%; max-height:100%;}
.slideShowLayer .imageView .img img { max-width:100%; max-height:100%; position:absolute; top:50%; left:50%; -webkit-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%);}
.slideShowLayer .imageView .img img.noCenter { left:0;  -webkit-transform:translateX(0%); transform:translateX(0%);}
.slideShowLayer .imageView .img .inner .copyright { position:absolute; left:15px; bottom:15px; padding:8px 15px; background:rgba(0,0,0,0.7); color:#fff;}
.slideShowLayer .imageView .img.afterImg { z-index:201;}
.slideShowLayer .imageView .loader { position:absolute; left:0; right:0; top:0; bottom:0; z-index:202; background:rgba(0,0,0,0.8) url("/publish/_ui/images2/photo_community/ico/ico_loader.gif") no-repeat 50% 50%;}
.slideShowLayer .closer { position:absolute; right:5px; top:5px; z-index:250; background:#222; padding:10px;}
.slideShowLayer .controller { position:absolute; right:24px; top:50%; z-index:202; width:75px; border:1px solid #444; border-width:1px 0 0 1px; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
.slideShowLayer .controller:after { content:""; display:block; clear:both;}
.slideShowLayer .controller button { float:left; width:72px; height:72px; background:#151515; border:1px solid #444; border-width:0 1px 1px 0; text-indent:-1000px; overflow:hidden; background-repeat:no-repeat; background-position:50% 50%;}
.slideShowLayer .controller .play { background-image:url("/publish/_ui/images2/photo_community/ico/ico_slide_play.png");}
.slideShowLayer .controller .play.active { background-color:#107cc0; border-color:#107cc0; width:73px; height:73px; margin-left:-1px; margin-top:-1px;}
.slideShowLayer .controller .pause { background-image:url("/publish/_ui/images2/photo_community/ico/ico_slide_pause.png");}
.slideShowLayer .controller .prevArticle { background-image:url("/publish/_ui/images2/photo_community/ico/ico_slide_nextarticle.png");}
.slideShowLayer .controller .nextArticle { background-image:url("/publish/_ui/images2/photo_community/ico/ico_slide_prevarticle.png");}
.slideShowLayer .controller .prev { background-image:url("/publish/_ui/images2/photo_community/ico/ico_slide_prev.png");}
.slideShowLayer .controller .next { background-image:url("/publish/_ui/images2/photo_community/ico/ico_slide_next.png");}
.slideShowLayer .controller .second { float:left; width:72px; height:36px; line-height:36px; background:#151515; border:1px solid #444; border-width:0 1px 1px 0; text-align:center; color:#fff;}
.slideShowLayer .controller .secondUp { width:36px; height:36px; background-image:url("/publish/_ui/images2/photo_community/ico/ico_slide_down.png");}
.slideShowLayer .controller .secondDown { width:36px; height:36px; border-left-width:0; background-image:url("/publish/_ui/images2/photo_community/ico/ico_slide_up.png");}
.slideShowLayer .navigator { position:absolute; left:0; right:0; bottom:-174px; z-index:210; height:174px; background:#0d0a01;}
.slideShowLayer .navigator .outerFrame { position:absolute; top:15px; left:55px; right:55px; bottom:15px; overflow:hidden;}
.slideShowLayer .navigator .innerFrame { position:relative; height:144px; width:20000em; overflow:hidden;}
.slideShowLayer .navigator .innerFrame .item { float:left; width:202px; height:144px; padding-right:10px;}
.slideShowLayer .navigator .innerFrame .item a { display:block; border:2px solid transparent;}
.slideShowLayer .navigator .innerFrame .item a img { width:188px; height:140px;}
.slideShowLayer .navigator .innerFrame .item a:focus,
.slideShowLayer .navigator .innerFrame .item a.active { border-color:red;}
.slideShowLayer .navigator > .toggler { position:absolute; right:24px; top:-40px; z-index:210; width:185px; height:40px; background:#0d0a01; color:#fff; font-size:16px;}
.slideShowLayer .navigator > .toggler span { padding-right:30px; background:url("/publish/_ui/images2/photo_community/ico/ico_slide_open.png") no-repeat 100% 50%;}
.slideShowLayer .navigator > .toggler.active span { background-image:url("/publish/_ui/images2/photo_community/ico/ico_slide_close.png");}
.slideShowLayer .navigator > .btn { position:absolute; top:50%; z-index:202; width:72px; height:72px; text-indent:-1000px; overflow:hidden; background-color:rgba(0,65,153,0.45); background-repeat:no-repeat; background-position:50% 50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); border-radius:50%;}
.slideShowLayer .navigator > .prev { left:20px; background-image:url("/publish/_ui/images2/photo_community/ico/ico_slide_prev2.png");}
.slideShowLayer .navigator > .next { right:20px; background-image:url("/publish/_ui/images2/photo_community/ico/ico_slide_next2.png");}
.slideShowLayer .message { display:none; position:absolute; left:50%; top:50%; z-index:203; height:66px; line-height:66px; margin-top:-46px; background:rgba(0,0,0,0.8); padding:0 50px; font-size:28px; color:#fff; -webkit-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%); box-shadow:3px 3px 6px #333;}

.preLoader { position:fixed; left:-10000px; top:-10000px; width:1px; height:1px; overflow:hidden;}

/* registerContainer */
.registerContainer { margin:0 30px;}
.registerContainer .row:after { content:""; clear:both; display:block;}
.registerContainer .row > .lArea { float:left; width:55%; padding-right:15px;}
.registerContainer .row > .rArea { float:right; width:45%;}

/* registerSortArea */
.registerSortArea { border:1px solid #4d4d4d;}
.registerSortArea > .line { padding:1px 15px; border-bottom:1px solid #4d4d4d;}
.registerSortArea > .line:last-child { border-bottom-width:0;}
.registerSortArea > .line .contWrap { display:none;}
.registerSortArea > .line .selectWrap { overflow:hidden; padding:0 0 8px;}
.registerSortArea > .line .selectWrap > * { margin:5px 0;}
.registerSortArea > .line .selectWrap .text1 { float:left; line-height:1.2; color:#898888; font-size:14px;}
.registerSortArea > .line .selectWrap .btns { float:right;}
.registerSortArea > .line .selectWrap .btns > * { margin-left:5px;}
.registerSortArea > .line .innerLine { }
.registerSortArea > .line .innerLine:after { content:""; display:block; clear:both;}
.registerSortArea > .line .innerLine > * { float:left; line-height:40px; margin:5px 0;}
.registerSortArea > .line .innerLine .btnType { margin-left:5px; margin-right:5px;}
.registerSortArea > .line .innerLine .uiSelect2 { min-width:165px; margin-left:5px; margin-right:5px;}
.registerSortArea > .line .innerLine.lineType1 .uiSelect2 { min-width:140px;}
.registerSortArea > .line .innerLine .innerTit { width:127px; padding-left:13px; background:url("/publish/_ui/images2/photo_community/ico/ico_dot1.png") no-repeat 0 50%; font-size:16px; color:#fff;}
.registerSortArea > .line .innerLine .innerTit.type1 { width:86px;}
.registerSortArea > .line .innerLine > *:first-child { margin-left:0;}
.registerSortArea > .line .mArea { margin:15px 0 0; height:272px; overflow:hidden;}
.registerSortArea > .line .mArea > img { width:100%; height:100%;}

.registerSortArea > .line1 { }
.registerSortArea > .line1 .addressLine { overflow:hidden; line-height:40px;}
.registerSortArea > .line1 .addressLine label { float:left; width:117px;}
.registerSortArea > .line1 .descWrap { overflow:hidden;}
.registerSortArea > .line1 .descWrap span { color:#fff; font-size:18px; margin:0 10px;}
.registerSortArea > .line1 .addressLine2 { margin-top:8px;}

.registerSortArea > .line .innerLine .putText { float:left; margin-left:1%; width:49%; height:40px; margin-top:0; line-height:38px; border:1px solid #383838; background:#1d1d1d; padding:0 10px; font-size:16px; color:#fff;}
.registerSortArea > .line .innerLine .putText.first { margin-left:0;}
.registerSortArea > .line .innerLine .t { font-size:18px; color:#fff; width:100%; margin-top:2px; line-height:1;}

/* editorArea */
.editorArea { margin:30px 0 0; padding:8px; border:1px solid #4d4d4d;}
.editorArea .editor { position:relative; height:310px; border:1px solid #4d4d4d; background:#151515;}
.editorArea .editor > img { width:100%; height:72px;}
.editorArea .keywords { margin:10px 0 0; padding:10px; border:1px solid #363636; background:#1d1d1d; font-size:16px; color:#fff;}
.editorArea .keywordsMarginTop { margin-top:30px !important; }
.editorArea .keywords p { line-height:1.6;}
.editorArea .desc { margin:10px 0 0; overflow:hidden; position:relative;}
/* .editorArea .desc p { margin-right:300px; font-size:14px; color:#898888; line-height:1.6; min-height:40px;} */
.editorArea .desc p { font-size:14px; color:#898888; line-height:1.6; min-height:40px;}
/* .editorArea .desc .btns { position:absolute; right:0; top:0;} */
.editorArea .desc .btns { position:relative; right:0; top:0; float:right;}
.editorArea .desc .btns .btnType { width:140px; margin-left:5px; padding:0;}
.editorArea .getKeywords { margin:10px 0 0; padding:10px; border:1px solid #363636; background:#1d1d1d; font-size:16px; color:#fff; line-height:1.6;}

/* photoDataContainer */
.photoDataContainer {}
.photoDataContainer .item { margin:30px 0 0; line-height:1.6;}
.photoDataContainer .item p { color:#fff; font-size:16px;}
.photoDataContainer .item .cameraInfo { padding:10px 0; color:#898888; font-size:14px;}
.photoDataContainer .item .img img { max-width:70%;}

/* textType */
.textType1 { margin:30px 30px 0; padding:16px 0 0; border-top:1px solid #4d4d4d; text-align:center; font-size:14px; color:#898888;}

/* contentBody */
.contentBody { margin:0 30px;}

/* contTit */
.contTit { margin:30px 30px 0; padding-left:40px; font-size:26px; color:#fff; font-weight:700; background:url("/publish/_ui/images2/photo_community/ico/ico_arrow.png") no-repeat 0 0; line-height:1.2;}

.contDesc { padding:20px 30px 0; color:#fff; font-size:18px; line-height:1.4;}

/* optWrap */
.optWrap { margin:45px 30px 0;}
.optWrap:after { content:""; display:block; clear:both;}
.optWrap .lArea { float:left;}
.optWrap .rArea { float:right;}

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

/* tabType1 */
.tabType1 { /*height:43px; border-bottom:1px solid #8db8f2;*/}
.tabType1 .list:after { content:""; display:block; clear:both;}
.tabType1 .list li { float:left; margin-left:5px;}
.tabType1 .list li:first-child { margin-left:0;}
.tabType1 .list li a { display:block; /*height:42px; line-height:43px; padding:0 50px;*/  border:1px solid #4f79b3; border-bottom-width:0; text-align:center; background:#1a54a3; color:#fff; font-size:14px; overflow:hidden; border-radius:3px 3px 0 0;}
.tabType1 .list li a.active { /*height:53px*/; background:#0B7BC1; border-color:#8db8f2; border-bottom-width:1px; border-bottom-color:#004199;}

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



.borderColor1 { border:2px solid #00e4ff;}

.imgF { border:0 none; border : 1px solid white; }
.imgF .origin { display:none; position:absolute; left:50%; top:50%; max-width:100%; max-height:100%; width: auto; height: auto; -webkit-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%)}
.imgF .base { opacity:1;}

.fitImg { overflow:hidden;}
.hidden {visibility:hidden; width:0; height:0;}

@media all and (min-width:1900px) {
	#searchTerm {width: 27% !important;}
}

/* 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) {

	.indexContainer .item { width:20%;}
	.indexContainer .item.last { display:none;}

}

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

	.viewType1 table .photoListWrap .photoItem { width:25%;}

}

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

	.header .row2 .innerWrap .textInput { }
	.header .row2 .bGroup {position: relative;display: inline-block;}

}


/* 1800px까지 */
@media all and (max-width:1800px) {
	.header .row2 .bGroup {display:none;}
	.header .row2 .iGroup {display:block; position: relative;display: inline-block;}
	.header .row2 .iGroup img {margin:12px 0 0 5px;}
	.header .search_iGroup {display:inline-block;}
	.header .search_iGroup button img {vertical-align:middle; margin-left:5px;}
	.header .search_bGroup {display:none;}

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

	.listType1 .item { width:20%;}
	.listType1 .item.last { display:none;}
	#searchTerm {width: 23%}
	/*.viewMetaWrap .viewInfoWrap { margin-right:0;}
	.viewController { position:relative; right:auto; top:auto; margin-top:20px; width:auto; border-left-width:1px; text-align:center; height:auto;}
	.viewController > * { margin:5px 1px; display:inline-block; float:none; border-left-width:1px; vertical-align:middle;}
	.viewController a.btn5 { margin-right:0;}
	.viewController a.btn6 {margin-left:-3px;}*/
}

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

}

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

	.indexContainer .item { width:25%;}

/* 	.adminSearchLayer .layerInnerContainer { width:770px;} */

	/*.adminSearchLayer .searchWrap > dl { padding-left:0; padding-right:0;}*/

	.adminSearchLayer .searchWrap .second { clear:both; padding-left:0;}
	.adminSearchLayer .searchWrap .second,
	.adminSearchLayer .searchWrap .third { margin-top:15px;}

	.adminSearchLayer .searchWrap > dl .tSearch .textInput { }

	.adminSearchLayer .searchWrap .detailOpts dt:first-child { padding-top:10px;}

	.adminSearchLayer .searchWrap .detailOpts .lTit { display:block;}

	.adminSearchLayer .searchWrap .detailOpts .uiSelect { margin:10px 0; width:45%;}

	.viewType1 table .photoListWrap .photoItem { width:33.333333333%;}

	.mapLargeViewLayer .layerInnerContainer { width:1100px;}
	.mapLargeViewLayer .mapAreaWrap .mapArea { height:600px;}
	
	/*.localtitle {    padding-left: 0;
    padding-right: 20px }*/

}

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

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

	.header .row2 .innerWrap .textInput {}

	/*.viewMetaWrap .viewInfoWrap .inWrap { height:auto;}
	.viewMetaWrap .viewInfoWrap .inWrap .cell { display:block; float:left; width:50%;}
	.viewMetaWrap .viewInfoWrap .inWrap .cell dt { width:150px;}
	.viewMetaWrap .viewInfoWrap .inWrap .cell3,
	.viewMetaWrap .viewInfoWrap .inWrap .cell4 { border-top:1px solid #4d4d4d;}*/

/* 	.registerContainer .row > .lArea, */
/* 	.registerContainer .row > .rArea { float:none; padding:0; width:auto;} */

/* 	.viewType1 table .photoListWrap .photoItem { width:20%;} */
}


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

/* 	.header .row2 .innerWrap { display:block; text-align:center;}
	.header .row2 .innerWrap .logo { display:block; margin:25px 0 0;}
	.header .row2 .innerWrap .textInput { margin-left:0;}
	.header .row2 .innerWrap .textInput { width:550px;} */

/* 	div.textInput {margin-left:-125px} */
/* 	#searchTerm {margin-left:131px; width:57%} */
	.header .rArea .link li div{
		width: 94px;
	}

	.header .rArea .link li div h2 img{
			height : 14px;
			margin-left:-5px;
		}
		
		.header .rArea .link li div span em{
			font-size : 11px;
		}
		
		.header .rArea .link li div span{
			padding : 0;
		}
		
		.header .rArea .link li div span em{
		font-size : 12px;
	}
		
	#searchTerm {width: 21.5% !important;}
}

/* 1400px까지 */
@media all and (max-width:1400px) {
/* 	.viewInfoContainer .lArea { margin-right:0;} */
/* 	.viewInfoContainer .rArea { position:relative; top:auto; right:auto; bottom:auto; width:auto; border-width:0 1px 1px;} */
	.viewInfoContainer .rArea .inWrap { height:500px; text-align:center;}
	.viewInfoContainer .rArea .inWrap > img { width:100%; max-height:100%;}

	.indexContainer .item > a .hoverWrap { padding:7px;}
	.indexContainer .item > a .hoverWrap .itemTit .tag { font-size:12px;}
	.indexContainer .item > a .hoverWrap .itemTit .pName { font-size:16px; }
	.indexContainer .item > a .hoverWrap .infoWrap { margin-top:0;}
	.indexContainer .item > a .hoverWrap .infoWrap > p { font-size:12px;}
	
/* 	div.textInput {margin-left:-125px} */
/* 	#searchTerm {margin-left:131px; width:57%} */
}

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

	.allPhotoLayer .layerInnerContainer { width:1000px;}

	.allPhotoLayer .infoWrap { height:200px;}
	.allPhotoLayer .infoWrap .inWrap { height:100px;}
	.allPhotoLayer .infoWrap .inWrap .cell5 { position:absolute; left:0; top:100px; width:100%; height:70px; border-top-width:0; border-left-width:1px;}
	.allPhotoLayer .infoWrap .inWrap .cell5 br { display:none;}
	.allPhotoLayer .viewController { padding:0; margin-top:15px;}

	.viewController .btn1 { width:90px;}
	.viewController .btn2 { width:90px;}
	.viewController .btn3 { width:80px;}
	.viewController .btn4 { width:50px;}
	.viewController .btn5 { width:30px;}
	.viewController .btn6 { width:29px;}
	.viewController .btn7 { width:78px;}
	.viewController .btn8 { width:165px;}
	.viewController .btn9 { width:123px;}
	.viewController .btn10 { width:50px;}
	.viewController .btn11 { width:50px;}
	.viewController .btn12 { width:78px;}
	
	.header .rArea .link li div span em{
		font-size : 11px;
	}
	
	#searchTerm {width: 19.5% !important;}
}

/* 1300px까지 */
@media all and (max-width:1300px) {
	.listType1 .item { width:25%;}
	.listType1 .item.last { display:block;}
	
	#searchTerm {width: 22% !important;}
	
	.header .rArea .loginForm{ width : 145px;}
/* 	div.textInput {margin-left:-125px} */
/* 	#searchTerm {margin-left:131px; width:57%} */
}

/* print */
.printLayout { padding:10px; background:#fff;}
.printLayout .listType1 { margin:10px 0;}

.printLayout .viewInfoWrap { width:100%; margin:0;}
.printLayout .viewInfoWrap .inWrap .cell .comment { display:none;}
.printLayout .viewInfoWrap .inWrap { display:block; height:auto; overflow:hidden;}
.printLayout .viewInfoWrap .inWrap .cell { display:block; float:left;}
.printLayout .viewInfoWrap .inWrap .cell2 { border-bottom:1px solid #4d4d4d;}
.printLayout .viewInfoWrap .inWrap .cell dt { height:100px; line-height:100px;}
.printLayout .viewInfoWrap .inWrap .cell dd { height:100px; line-height:100px;}

.printLayout .viewInfoWrap .inWrap .cell dd,
.printLayout .listType1 .item,
.printLayout .viewType1 table td { color:#222;}

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

/* 1020px까지 */
/* @media all and (max-width:1570px) { */
	
/* 	.header .rArea .link {display:none;} */
/* 	.header .rArea .link2 {position: relative; display: inline-block;    top: -18px} */
/* 	.header .rArea .link2 li {margin-left:-5px; } */
/* 	.header .rArea .link2 li div h2 img {height:71px;} */
/* } */

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

/* */
.fav_keyword_label{
    color: white;
    background-color: darkSlateGrey;
    display: inline-block;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px;
    margin-top: 5px;
    border-radius: 5px;
}


.fav_keyword_btn {
	-moz-box-shadow: 0px 1px 0px 0px #fff6af;
	-webkit-box-shadow: 0px 1px 0px 0px #fff6af;
	box-shadow: 0px 1px 0px 0px #fff6af;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23));
	background:-moz-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-webkit-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-o-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-ms-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23',GradientType=0);
	background-color:#ffec64;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #ffaa22;
	display:inline-block;
	cursor:pointer;
	color:#333333;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:8px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffee66;
}
.fav_keyword_btn:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64));
	background:-moz-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-webkit-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-o-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-ms-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64',GradientType=0);
	background-color:#ffab23;
	text-decoration:none;
}
.fav_keyword_btn:active {
	position:relative;
	top:1px;
}

.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;
}

.mt05 {margin-top: 5px;}
/* 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:1645px) {
	.header .row2 .innerWrap .textInput { width:200px;}
	
} */