cxtra/cm-web-legacy
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

first commit

Browse Source
This commit is contained in:
pakerpale
2020-06-10 06:19:03 +09:00
commit cd6b5b7832
6081 changed files with 624389 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

95
public/css/admin/base.css Executable file
View File

@@ -0,0 +1,95 @@
@charset "utf-8";
html {/*overflow-x:hidden;*/overflow-y:scroll;}
html,body {/*width:100%;height:100%;*/-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}
body,div,p,dl,dt,dd,ul,ol,li,table,th,td,textarea,form,fieldset,legend,input,select,button {margin:0;padding:0}
ul,ol,li {list-style:none;}
img,fieldset,iframe {border:0 none;}
input,select,button,textarea {vertical-align:middle;}
button::-moz-focus-inner,
input::-moz-focus-inner{border:0;padding:0;}
textarea {overflow:auto;}
img {height:auto;vertical-align:top;-ms-interpolation-mode:bicubic;}
h1,h2,h3,h4,h5,h6 {margin:0;padding:0;font-size:1em;font-weight:normal;}
address,em,strong,th {font-style:normal;font-weight:normal;}
table {border-spacing:0;border-collapse:collapse;}
img[usemap],map area {outline:0;}
sub, sup {font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sup {top:-0.5em;}
sub {bottom:-0.25em;}
caption, legend, hr, .hid {position:absolute;left:-9999px;width:0;height:0;font-size:0;overflow:hidden;}
button, input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance:button;cursor:pointer;}
button[disabled], input[disabled] {cursor:default;}
button {-webkit-appearance:none;-moz-appearance:none;background:transparent;padding:0;border:0;line-height:1;}
.button {display:inline-block;text-align:center;line-height:1;cursor:pointer;vertical-align:middle;border:1px solid transparent;border-radius:3px;background-color:#2ba6cb;color:#fff;
-webkit-appearance:none;transition:opacity 0.25s ease-out, background-color 0.25s ease-out, color 0.25s ease-out;}
button:focus {outline:0;}
.button:after {transition:opacity 0.25s ease-out, background-color 0.25s ease-out, color 0.25s ease-out;}
.button span {position:relative;z-index:1;}
[type="text"], [type="password"], [type="date"], [type="datetime"], [type="datetime-local"], [type="month"], [type="week"], [type="email"], [type="number"], [type="search"], [type="tel"], [type="time"], [type="url"], [type="color"], textarea {box-sizing:border-box;width:100%;height:auto;padding:4px 4px;background-color:#fefefe;font-size:0.9em;border:1px solid #d0d0d0;box-shadow:inset 0 1px 2px rgba(10, 10, 10, 0.1);-webkit-appearance:none;-moz-appearance:none;
transition:box-shadow 0.5s, border-color 0.25s ease-in-out;}
[type="text"]:focus, [type="password"]:focus, [type="date"]:focus, [type="datetime"]:focus, [type="datetime-local"]:focus, [type="month"]:focus, [type="week"]:focus, [type="email"]:focus, [type="number"]:focus, [type="search"]:focus, [type="tel"]:focus, [type="time"]:focus, [type="url"]:focus, [type="color"]:focus, textarea:focus {border:1px solid #2ba6cb;background-color:#fefefe;outline:none;box-shadow:0 0 5px #d0d0d0;
transition: box-shadow 0.5s, border-color 0.25s ease-in-out;}
[type="file"], [type="checkbox"], [type="radio"] {padding:0;margin:0;vertical-align:middle;}
[type="checkbox"] + label, [type="radio"] + label {display:inline-block;vertical-align:middle;margin:0 15px 0 3px;}
label [type="checkbox"] + span, label [type="radio"] + span {display:inline-block;padding:4px 0;vertical-align:middle;margin:0 15px 0 3px;}
label span + [type="checkbox"], label span + [type="radio"] {display:inline-block;padding:4px 0;vertical-align:middle;margin:0 15px 0 3px;}
label [type="checkbox"], label [type="radio"], label span {vertical-align:middle;}
select {box-sizing:border-box;width:100%;height:auto;padding:3px 4px;background-color:#fefefe;font-size:0.9em;border:1px solid #cacaca;box-shadow:inset 0 1px 2px rgba(10, 10, 10, 0.1);transition:box-shadow 0.5s, border-color 0.25s ease-in-out;}
select:focus {border:1px solid #2ba6cb;background-color:#fefefe;outline:none;box-shadow:0 0 5px #cacaca;transition: box-shadow 0.5s, border-color 0.25s ease-in-out;}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {height:auto;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color:#aaa !important;font-weight:300 !important;}
input:-moz-placeholder, textarea:-moz-placeholder {color:#aaa !important;font-weight:300 !important;}
input::-moz-placeholder, textarea::-moz-placeholder {color:#aaa !important;font-weight:300 !important;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color:#aaa !important;font-weight:300 !important;}
input:placeholder-shown, textarea:placeholder-shown {color:#aaa !important;font-weight:300 !important;}
.clearfix {zoom:1;}
.clearfix:before, .clearfix:after {content:"";display:table;}
.clearfix:after {clear:both;}
.fleft {float:left;}
.fright {float:right;}
.tac {text-align:center;}
.dib {display:inline-block;zoom:1;*display:inline;vertical-align:middle;}
.w50 {width:50px;}
.w60 {width:60px;}
.w70 {width:70px;}
.w80 {width:80px;}
.w90 {width:90px;}
.w100 {width:100px;}
.w110 {width:110px;}
.w120 {width:120px;}
.w130 {width:130px;}
.w140 {width:140px;}
.w150 {width:150px;}
.w160 {width:160px;}
.w180 {width:180px;}
.w200 {width:200px;}
.w230 {width:230px;}
.w250 {width:250px;}
.w300 {width:300px;}
.w350 {width:350px;}
.w400 {width:400px;}
.w500 {width:500px;}
.w600 {width:600px;}
.mt0 {margin-top:0 !important;}
.mt30 {margin-top:30px !important;}
.mt40 {margin-top:40px !important;}
.mt50 {margin-top:50px !important;}
.mt60 {margin-top:60px !important;}
.mt80 {margin-top:80px !important;}
.mb0 {margin-bottom:0px !important;}
.mb5 {margin-bottom:5px !important;}
.mr0 {margin-right:0 !important;}
.mr5 {margin-right:5px !important;}
.ml0 {margin-left:0px !important;}
.ml10 {margin-left:10px !important;}
.ml30 {margin-left:30px !important;}
.ml50 {margin-left:50px !important;}

665
public/css/admin/common.css Executable file
View File

@@ -0,0 +1,665 @@
@charset "utf-8";
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(//fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
#wrap{height: 100%;background: #cfd6e3;}
html{height: 100%;min-width: 1300px;}
body{height: 100%;background:#000;}
#wrap{height: 100%;}
input[type="checkbox"]{width:15px;height: 15px;}
body.no_scroll,html.no_scroll{height:100%;overflow:hidden;}
/*#wrap.noscroll{overflow-y:hidden;position:fixed;height:100%;}*/
body, input, select, textarea, button {font-family:'NotoSansKR_400',NotoSansKR,'돋움',Dotum,Helvetica,'Apple SD Gothic Neo',Sans-serif;font-size:14.5px;line-height:1.5;color:#333;}
a {text-decoration:none;color:#333;background-color:transparent;font-size: 14.5px;}
/*a:hover, a:focus {color:#f00;outline:0;font-size: 1em;}*/
/*img{width:100%;}*/
.com_wrap{min-width: 1310px;padding:30px;padding-top:10px;
background: #fff;}
.full_helper{position: absolute;top:0;right:0;left:0;bottom:0;width:100%;height:100%;}
.max_func{max-width:1310px;margin:0 auto;padding:0 50px;}
.make_table{display: table;height:100%;width:100%;}
#header_wrap, #container_wrap, #footer_wrap {position: relative;min-width:1150px;}
#footer_wrap{background: #2c353d;padding:30px 0 30px 0; }
.top_wrap{padding-top:10px;padding-right:9px;min-width:1150px;}
#container_wrap{padding-top:120px;padding-left:320px;box-sizing: border-box;background: #cfd6e3;}
#container_wrap.notive{padding-left:0}
#container_wrap.full{padding:10px 10px;}
.inner_content{width:100%;background: #fff;
padding:15px;box-sizing: border-box;}
#header_wrap {z-index:999;border-bottom:7px dotted #ccc;position: fixed;}
#header {height:60px;background:#25907b;margin:0 auto;position: relative;}
#container {max-width:1310px;margin:70px auto 40px ;position: relative;padding:0 50px;}
#footer {max-width:1310px;color:#fff;margin:0 auto;position: relative;padding:0 50px;}
.ma_content{max-width:1310px;padding:0 50px;margin:0 auto;position: relative;}
.ma_content02{max-width:1310px;padding:0 50px;margin:0 auto;position: relative;top:0;height:100%;}
#header .logo {width:300px;height:60px;position: absolute;top:0px;left:0px;line-height: 60px;font-weight: bold;}
#header .logo a{font-weight: bold;font-size: 30px;color:#fff;font-weight: bold;background: #2A3F54;display: block;}
#header .logo img{width:100%;max-width:400px;margin-right: 10px;}
#header_wrap{background: #fff;/*padding-top:30px;*/;width:100%;}
/* utilmenu */
.utilmenu {position:absolute;right:30px;top:5px;}
.utilmenu li {padding:0 10px;/*background:url('/img/admin/common/sep_util.jpg') 0 8px no-repeat;*/font-weight: bold;font-size: 14px;line-height: 50px;display: inline-block;
color:#fff;}
.utilmenu li:first-child {padding-left:0;background:none;color:#fff;}
.utilmenu li:last-child {padding-right:0;}
.utilmenu li a {
background: #fff;margin-left:7px;border-radius:20px;font-size: 12px;
padding:5px;
}
.utilmenu li img{display: inline-block;width:40px;height: 40px;border-radius: 50%;border:3px solid #fff;padding:3px;margin-right: 5px;
margin-top: -2px;background: #54cbc6;}
.black_board{position: fixed;width:100%;height: 100%;background: #000;opacity: 0.6;
z-index:1000;top:0;left:0;display: none;}
.black_board.on{display: block;}
.pop_con h2{font-size: 20px;font-weight: bold;text-align: center;
padding-bottom: 10px;}
.pop_con .pop_close{position: absolute;top:-40px;right:-5px;font-size: 25px;font-weight: 500;color:#fff;}
.common_table.pop_con{width:400px;height: auto;padding:20px;position: fixed;top:-1000px;
left:50%;margin-left:-220px;background: #fff;border: 1px solid #ccc;z-index:2000;
box-shadow: 3px 2px 1px #ccc;}
.common_table.pop_con th{font-size: 16px;min-width: 80px;}
.pop_con.on{top:100px;}
#container_wrap .tl{text-align:left;}
#container_wrap .tr{text-align:right;}
#container_wrap .tc{text-align:center;}
#container_wrap .fn{float:none;}
#container_wrap .fl{float:left}
#container_wrap .fr{float:right}
#container_wrap .mbn{margin:0;}
#container_wrap .mb10{margin-bottom:10px;}
#container_wrap .mb30{margin-bottom:10px;}
#container_wrap .middle{display:table-cell;vertical-align:middle;}
.file_custom {display:inline-block;zoom:1;*display:inline;vertical-align:middle;font-size:0;position:relative;width:300px;}
.file_custom .disable_field {display:inline-block;vertical-align:top;width:230px;height:24px;line-height:24px;margin:0;padding:2px 5px;border:1px solid #ddd;background-color:#fafafa;}
.file_custom .btn_file_wrap {position:absolute;left:205px;overflow:hidden;top:0;border:solid 1px #aaa;display:inline-block;vertical-align:top;}
.file_custom .btn_file_wrap input.upload {position:absolute;top:0;right:0;margin:0;padding:0;font-size:20px;cursor:pointer;opacity:0;}
.file_custom .btn_file_wrap .btn_file {display:inline-block;vertical-align:middle;padding:0 20px;height:28px;line-height:28px;font-size:13px;font-weight:bold;color:#555;background-color:#fff;}
/*--------------------------------------moving_all-------------------------------*/
/*컨텐츠가 리사이즈로 움직였을때 애니메이션효과주는 class*/
.moving_all{
-webkit-transition: all 400ms ease-in-out;
-moz-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;
}
.moving_all2{
-webkit-transition: all 100ms ease-in-out;
-moz-transition: all 100ms ease-in-out;
-o-transition: all 100ms ease-in-out;
transition: all 100ms ease-in-out;
}
.biger{
-webkit-transition: -webkit-transform 300ms ease-out, background-color 300ms ease-out, font-size 300ms ease-out;
-moz-transition: -moz-transform 300ms ease-out, background-color 300ms ease-out, font-size 300ms ease-out;
-ms-transition: -moz-transform 300ms ease-out, background-color 300ms ease-out, font-size 300ms ease-out;
-o-transition: -o-transform 300ms ease-out, background-color 300ms ease-out, font-size 300ms ease-out;
transition: transform 300ms ease-out, background-color 300ms ease-out, font-size 300ms ease-out;
}
.scale_all{
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1);
transform:scale(1.1);}
/*shape custom------------------------------------------------------------*/
/*하단 밑줄 바 아이콘 생성 클레스*/
.color_tick{
margin: 0;
display: block;
min-height: 21px;
height: auto;
overflow: hidden;
white-space: nowrap;
width: 100%;
margin:5px 0 35px;
text-align: center;
}
.color_tick_inner{
width:50px;
display: inline-block;
position: relative;
height: 1px;
left: 0;
top: 50%;
margin-top: -1px;
background: #164732;
border-color:#164732;
border-top-width: 2px;
border-top:0.5px solid #164732
}
/*
slickcaption 갑자기 올라오는 버그를 잡기 위해서는
슬릭에 두가지 첨가
centerMode:true,
centerPadding:'0px',
*/
/* 슬라이더 캡션 스타일 start
.main_slide .slick_caption {position:absolute;left:0;top:0;width:100%;padding:20px 0;text-align:center;color:#fff;overflow:hidden;z-index:30;}
.main_slide .slick_caption .caption1 {margin-bottom:30px;font-size:80px;font-weight:700;line-height:85px;letter-spacing:-2px;}
.main_slide .slick_caption .caption2 {margin-bottom:5px;font-size:22px;font-weight:400;line-height:27px;letter-spacing:-2px;}
.main_slide .slick_caption .caption3 {margin-bottom:10px;font-size:25px;font-weight:400;line-height:30px;letter-spacing:-2px;}
.main_slide .slick_caption .caption4 {margin-bottom:10px;font-size:37px;font-weight:400;line-height:42px;letter-spacing:-2px;}
.main_slide .slick_caption .caption1 span,
.main_slide .slick_caption .caption2 span,
.main_slide .slick_caption .caption3 span {font-size:1.1em;font-weight:700;}
/* 슬라이더 캡션 스타일 end */
/* 슬라이더 캡션 트렌지션 start */
.fade_in, .from_top, .from_bottom, .from_left, .from_right {opacity: 0;
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;}
.delay1 {-webkit-transition-delay:0.1s;-moz-transition-delay:0.1s;-o-transition-delay:0.1s;
transition-delay:0.1s;}
.delay2 {-webkit-transition-delay:0.2s;-moz-transition-delay:0.2s;-o-transition-delay:0.2s;
transition-delay:0.2s;}
.delay3 {-webkit-transition-delay:0.3s;-moz-transition-delay:0.3s;-o-transition-delay:0.3s;
transition-delay:0.3s;}
.delay4 {-webkit-transition-delay:0.4s;-moz-transition-delay:0.4s;-o-transition-delay:0.4s;
transition-delay:0.4s;}
.delay5 {-webkit-transition-delay:0.5s;-moz-transition-delay:0.5s;-o-transition-delay:0.5s;
transition-delay:0.5s;}
.delay6 {-webkit-transition-delay:0.6s;-moz-transition-delay:0.6s;-o-transition-delay:0.6s;
transition-delay:0.6s;}
.delay7 {-webkit-transition-delay:0.7s;-moz-transition-delay:0.7s;-o-transition-delay:0.7s;
transition-delay:0.7s;}
.delay8 {-webkit-transition-delay:0.8s;-moz-transition-delay:0.8s;-o-transition-delay:0.8s;
transition-delay:0.8s;}
.delay9 {-webkit-transition-delay:0.9s;-moz-transition-delay:0.9s;-o-transition-delay:0.9s;
transition-delay:0.9s;}
.delay10 {-webkit-transition-delay:1s;-moz-transition-delay:1s;-o-transition-delay:1s;
transition-delay:1s;}
.delay11 {-webkit-transition-delay:1.1s;-moz-transition-delay:1.1s;-o-transition-delay:1.1s;
transition-delay:1.1s;}
.delay12 {-webkit-transition-delay:1.2s;-moz-transition-delay:1.2s;-o-transition-delay:1.2s;
transition-delay:1.2s;}
.slick-slider .slick-active .fade_in,
.slick-slider .slick-center .fade_in {opacity: 1;}
.slick-slider .slick-slide .from_top {
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);}
.slick-slider .slick-active .from_top,
.slick-slider .slick-center .from_top {opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);}
.slick-slider .slick-slide .from_bottom {
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);}
.slick-slider .slick-active .from_bottom,
.slick-slider .slick-center .from_bottom {opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);}
.slick-slider .slick-slide .from_left {
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);}
.slick-slider .slick-active .from_left,
.slick-slider .slick-center .from_left {opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);}
.slick-slider .slick-slide .from_right {
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);}
.slick-slider .slick-active .from_right,
.slick-slider .slick-center .from_right {opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);}
/* 슬라이더 캡션 트렌지션 end */
/*.main_slide {width:1200px;height:620px;position:relative;}*/
.main_slide .slide_01 .slick_caption {left:10%;top:17%;width:40%;}
.main_slide .slide_01 .slick_caption .caption1 {color:#ea749b;}
.main_slide .slide_01 .slick_caption .caption2 {color:#333;}
.main_slide .slide_01 .slick_caption .caption3 {color:#333;}
.main_slide .slide_01 .slick_caption .caption4 {color:#ea749b;}
.main_slide .slide_02 .slick_caption {left:43%;top:10%;width:40%;}
.main_slide .slide_02 .slick_caption .caption1 {color:#5c6bc0;}
.main_slide .slide_02 .slick_caption .caption2 {color:#333;}
.main_slide .slide_02 .slick_caption .caption3 {color:#333;}
.main_slide .slide_02 .slick_caption .caption4 {color:#5c6bc0;}
.main_slide .slide_03 .slick_caption {left:12%;top:10%;width:40%;}
.main_slide .slide_03 .slick_caption .caption1 {color:#85b5e4;}
.main_slide .slide_03 .slick_caption .caption2 {color:#333;}
.main_slide .slide_03 .slick_caption .caption3 {color:#333;}
.main_slide .slide_03 .slick_caption .caption4 {color:#85b5e4;}
.title_big{font-size: 20px;font-weight: bold;margin-top:-55px;margin-bottom: 30px;margin-left:-15px;position: relative;}
.s_title p{font-size: 19px;border-bottom:2px solid #1f69b4;display: inline-block;padding-bottom:5px;}
.title_big .location{position: absolute;right:0;top:15px;}
.title_big .location li{float:left;padding-right:15px;font-weight: 500;font-size: 14px;
padding-left:15px;
background:url(/img/admin/misc/arr_depth01.png)no-repeat right center;
}
.title_big .location li:last-child{padding-left:10px;background:none;}
.logo{
width: 100%;height: 80px;text-align: center;line-height: 80px;}
.logo a{font-weight: bold;color:#fff;font-size: 25px;}
#header .logo img{max-width:140px;margin-top: 10px;}
/*테블릿 gnb*/
#tablet_wrap{width:300px;background: #2A3F54;position: fixed;left:0;height: 100%;}
#tablet_wrap.notive{left:-340px;}
#tablet_gnb{position:absolute;top:0px;right:0;width:100%;z-index:99999;height:100%;overflow-y: scroll;
scrollbar-face-color: #e0e0e0;
scrollbar-track-color: #fff;
scrollbar-arrow-color: #ccc;
scrollbar-highlight-color: #e0e0e0;
scrollbar-3dlight-color: none;
scrollbar-shadow-color: #e0e0e0;
scrollbar-darkshadow-color: none;
}
/* Chrome, Safari용 스크롤 바 */
#tablet_gnb::-webkit-scrollbar {width:5px; height:17px;} /*스크롤 바 영역 전체(크기지정가능)*/
#tablet_gnb::-webkit-scrollbar-button:start:decrement,
#tablet_gnb::-webkit-scrollbar-button:end:increment {display: block;} /*상하좌우 화살표 영역_배경넣어줘야함*/
#tablet_gnb::-webkit-scrollbar-track {background:#fff;} /*트랙*/
#tablet_gnb::-webkit-scrollbar-thumb {background:#e3e3e3; border: 1px solid #e3e3e3;} /*스크롤*/
#tablet_gnb a {display:block;vertical-align:top;text-align:center;color:#9c9c9c;}
.tab_icon{display:inline-block;vertical-align: middle;padding-top:6px;margin-right:4px;}
#tablet_gnb>li:first-child {}
#tablet_gnb>li {position:relative;}
#tablet_gnb>li:first-child {background:none;}
#tablet_gnb>li:last-child {padding-right:0;}
#tablet_gnb>li>a {width:100%;height:55px;line-height:55px;font-size:16px;text-align: left;padding-left:20px;
background: url(/img/admin/menu_arrow_off.png) no-repeat 90% center;
/* background:url(/img/admin/common/menu_more.png)no-repeat 95% center;color:#fff;background-size:5%;*/
font-weight:400;
box-sizing: border-box;color:#fff;}
#tablet_gnb>li>a i{display: inline-block;position: relative;top:-2px;}
#tablet_gnb>li>a .fa{font-size: 14px;}
#tablet_gnb a.onar{
/* background:#2A3F54 url(/img/admin/common/menu_arrow_on.png)no-repeat 90% center;color:#fff;*/
text-shadow: rgba(0,0,0,.25) 0 -1px 0;
background: url(/img/admin/menu_arrow_on.png) no-repeat 90% center;
box-shadow: rgba(0,0,0,.25) 0 1px 0, inset rgba(255,255,255,.16) 0 1px 0;
color:#ffd034;
}
#tablet_gnb a:hover{
text-shadow: rgba(0,0,0,.25) 0 -1px 0;
box-shadow: rgba(0,0,0,.25) 0 1px 0, inset rgba(255,255,255,.16) 0 1px 0;
color:#ffd034;
}
#tablet_gnb li.check{background:url(/img/admin/common/checked.png)no-repeat 30px center;background-size: 15px 15px;}
#tablet_gnb>li.onar{border-bottom:none;}
#tablet_gnb>li.onar ul li{ }
/*#tablet_gnb>li:first-child ul{display: block;}*/
/*서브메뉴가 없을때 붙는 class*/
#tablet_gnb>li.noarrow>a{}
#tablet_gnb>li.nosub.onar>a{background:#30a7dd;}
#tablet_gnb>li.on>a {color:#fff;background:#30a7dd ;}
/*
#tablet_gnb a:hover{text-shadow: rgba(0,0,0,.25) 0 -1px 0;
box-shadow: rgba(0,0,0,.25) 0 1px 0, inset rgba(255,255,255,.16) 0 1px 0;}
#tablet_gnb a.fly{text-shadow: none;box-shadow: none;}
*/
.por{position: relative;}
.bars{position: absolute;left:310px;top:15px;color:#fff;}
#tablet_gnb ul.on{display: block;}
#tablet_gnb>li>ul {position:relative;width:100%;background: #2A3F54;height: 100%;overflow-x: hidden;display: none;
border:2px solid #1ABB9C;box-sizing: border-box;}
#tablet_gnb ul{ border-top:2x solid #1ABB9C!important;}
/*ie*/
#tablet_gnb>li>ul{
scrollbar-face-color: #2A3F54;
scrollbar-track-color: #2A3F54;
scrollbar-arrow-color: #2A3F54;
scrollbar-highlight-color: #2A3F54;
scrollbar-3dlight-color: none;
scrollbar-shadow-color: #2A3F54;
scrollbar-darkshadow-color: none;
}
.scs{
scrollbar-face-color: #2A3F54;
scrollbar-track-color: #2A3F54;
scrollbar-arrow-color: #2A3F54;
scrollbar-highlight-color: #2A3F54;
scrollbar-3dlight-color: none;
scrollbar-shadow-color: #2A3F54;
scrollbar-darkshadow-color: none;
}
/* Chrome, Safari용 스크롤 바 */
.scs::-webkit-scrollbar {width:5px; height:17px;} /*스크롤 바 영역 전체(크기지정가능)*/
.scs::-webkit-scrollbar-button:start:decrement,
.scs::-webkit-scrollbar-button:end:increment {display: block;} /*상하좌우 화살표 영역_배경넣어줘야함*/
.scs::-webkit-scrollbar-track {background:#2A3F54;} /*트랙*/
.scs::-webkit-scrollbar-thumb {background:#2A3F54; border: 1px solid #2A3F54;} /*스크롤*/
/* Chrome, Safari용 스크롤 바 */
#tablet_gnb>li>ul::-webkit-scrollbar {width:5px; height:17px;} /*스크롤 바 영역 전체(크기지정가능)*/
#tablet_gnb>li>ul::-webkit-scrollbar-button:start:decrement,
#tablet_gnb>li>ul::-webkit-scrollbar-button:end:increment {display: block;} /*상하좌우 화살표 영역_배경넣어줘야함*/
#tablet_gnb>li>ul::-webkit-scrollbar-track {background:#2A3F54;} /*트랙*/
#tablet_gnb>li>ul::-webkit-scrollbar-thumb {background:#2A3F54; border: 1px solid #2A3F54;} /*스크롤*/
#tablet_gnb ul li {padding-left:15px;}
#tablet_gnb ul li:before {
background: #425668;
bottom: auto;
content: "";
height: 8px;
left: 10px;
margin-top: 15px;
position: absolute;
right: auto;
width: 8px;
z-index: 1;
border-radius: 50%;
}
#tablet_gnb ul li:after {
border-left: 1px solid #425668;
bottom: 0;
content: "";
left: 14px;
position: absolute;
top: 0;
}
#tablet_gnb ul li:last-child {border-bottom:none;}
#tablet_gnb ul a {;height:40px;color:#fff;line-height:40px;text-align: left;padding-left:40px;
font-size:15px;}
#tablet_gnb ul a:hover {color:#9c9c9c;}
#tablet_gnb ul a.on{
color:#9c9c9c!important;
}
#tablet_gnb>li>ul ul.depth3{position:fixed;top:0px;left:560px;width:270px;background: #2A3F54;height: 100%;padding:0;
box-shadow: 6px 6px 3px rgba(0, 0, 0, 0.6);}
/*list css*/
.n_btn{display:inline-block;background: #2A3F54;color:#fff;padding:0 5px;
height: 30px;line-height: 30px;vertical-align: middle;}
.common_depth3{width:100%;margin-bottom: 30px;}
.common_depth3 .depth3_tep{float:left;}
.common_depth3 li{float:left;}
.common_depth3 li a{display: block;padding:5px 10px;border-bottom: 1px solid #ccc;margin-right: 15px;}
.common_depth3 li a.on{font-weight: bold;border-bottom: 2px solid #25907b;color:#25907b;}
.searh_area{float:right;}
.searh_area select{width:auto;display: inline-block;padding:0 10px;height: 30px;line-height: 30px;}
.searh_area input{width:150px;display: inline-block;height: 30px;line-height: 30px;}
.searh_area select .btn{width:30px;display: inline-block;height: 30px;line-height: 30px;}
/*tep*/
.common_tep{border-bottom: 1px solid #ccc;padding:15px 0;}
.common_tep ul li{float:left;}
.common_tep ul{float:left;}
.common_tep ul li a{display: block;padding:5px 10px;border: 1px solid #ccc;margin-right: 10px;border-radius: 15px;}
.common_tep.type01 ul li a.on{background: #2A3F54;color:#fff;}
.common_tep .file_box{float:right;}
.common_tep .small_title{display: inline-block;margin-right: 4px;}
.common_tep select{width:auto;display: inline-block;padding:0 10px;height: 30px;line-height: 30px;}
.common_tep input{width:150px;display: inline-block;height: 30px;line-height: 30px;}
.common_tep .btn{width:30px;display: inline-block;height: 30px;line-height: 30px;}
.common_tep.type2 li a{border:none;}
.common_tep.type2 li a.on{color:#2A3F54;font-weight: bold;}
.common_tep.type2 li{border-right: 1px solid #ccc;}
.common_tep.type2 li:last-child{border-right: none;}
.btn .tit{display:block;background: #ebebeb;border: 1px solid #ccc;padding:15px;
width:block;margin-top: 10px;text-align: center;margin-bottom: 10px;
max-width:120px;}
.btn span{font-weight: bold;padding-right: 10px;}
/*tep2*/
.common_tep2 ul li{float:left;}
.common_tep2 ul{float:left;}
.common_tep2 ul li a{display: block;padding:5px 10px;border: 1px solid #ccc;margin-right: 10px;border-radius: 15px;}
.common_tep2.type01 ul li a.on{background: #2A3F54;color:#fff;}
.common_tep2 .file_box{float:right;}
.common_tep2 .small_title{display: inline-block;margin-right: 4px;}
.common_tep2 select{width:auto;display: inline-block;padding:0 10px;height: 30px;line-height: 30px;}
.common_tep2 input{width:150px;display: inline-block;height: 30px;line-height: 30px;}
.common_tep2 .btn{width:30px;display: inline-block;height: 30px;line-height: 30px;}
.common_tep2.type2 li a{border:none;}
.common_tep2.type2 li a.on{color:#2A3F54;font-weight: bold;}
.common_tep2.type2 li{border-right: 1px solid #ccc;}
.common_tep2.type2 li:last-child{border-right: none;}
/*table*/
.common_table{margin:10px 0;}
.common_table table{width:100%;}
.common_table table{border-top:3px solid #1f69b4;}
.common_table table td,.common_table table th{padding:7px;text-align: center;
border-bottom:1px solid #ccc;}
.common_table table th{background: #e5e5e5;color:#212121;text-align: center;font-size: 15px;font-weight: 500;}
.common_table table td.title{cursor: pointer;text-decoration:underline;}
.common_table table tr.docu{background: #ebebeb;min-height:100px;display: none;
text-align: left;padding-left:15px;}
.common_table table tr.docu p{text-align: left;padding-left:15px;}
.common_table table .tool_btn a{display:inline-block;padding:5px;border: 1px solid #aaaaaa;background: #d9d9d9;border-radius: 17px;font-size: 14px;}
.common_table select{height: 29px;}
.common_table select {width:auto}
.common_table input.type00{width:500px;}
.common_table input.type01{width:400px;}
.common_table input.type02{width:150px;}
.common_table input.type03{width:80px;}
.common_table .subtitle{width:100%;font-size: 17px;margin:30px 0px 10px 0;font-weight: bold;}
.common_table .subtitle span{color:#25907b}
.common_table.news th{width:200px;font-size: 16px;}
.two_box_type01 .con{float:left;width:400px;margin-right: 20px;
background: #e5e5e5;padding:15px;height:370px;}
.two_box_type01 .con:last-child{margin-right: 0;}
.two_box_type01 .con.button{width:100px;background: none;display: table;}
.two_box_type01 .con.button a{display:inline-block;padding:10px;background: #838383;
color:#fff;text-align: center;border-radius: 25px;margin-bottom: 5px;}
.two_box_type01 .con h3{text-align: center;}
.two_box_type01 .con .list{background: #fff;padding:10px;
height: 250px;overflow-y:scroll;}
.two_box_type01 .con .list li{width:100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom: 10px;}
.two_box_type01 .con .list.type02{height:320px;}
.two_box_type01.headline .con{height: 230px;}
.two_box_type01.headline .con.thum_wrap{width:545px;}
.two_box_type01.headline .con .thumil{display: none;border: 1px solid #919191;}
.two_box_type01.headline .con .thumil.on{display: block;height: 100%;}
.two_box_type01.headline .thumil img{width:100%; height:100%;}
.two_box_type01.headline .con.button{background: #25907b;box-sizing: border-box;padding-top:10px;height: 230px;display: inline-block;overflow-y: scroll;}
.two_box_type01.headline .con.button a{width:100%;background:none;box-sizing: border-box;}
.two_box_type01.headline .con.button a.on{background: #1041b1;border-radius: 50%;width:30px;height: 30px;line-height: 13px;}
.two_box_type01.headline .con.counting li{float:left;width:50%;position: relative;
border: 1px solid #ccc; background: #fff;box-sizing: border-box;cursor: pointer;}
/*.two_box_type01.headline .con.counting li:nth-of-type(2n){margin-right: 0;}*/
.two_box_type01.headline .con.counting li.first{background: #fff;border: 1px solid #ccc;
width:100%;box-sizing: border-box;text-align: center;
}
.stebox{position: absolute;top:0;left:0;bottom:0;right:0;width:100%;height: 100%;
opacity:0;}
.two_box_type01.headline .con.counting li a{display: block;height: 40px;line-height: 40px;}
.two_box_type01.headline .con.counting li a.on{background: #2A3F54;color:#fff;display: block;}
.opt_box{display: inline-block;padding-right:70px;}
.img_type01{width:500px;height: 200px;}
.icon_list a{float:left;cursor: pointer;}
.icon_list a{display: block;width:50px;height: 50px;box-sizing: border-box;margin-right: 7px;margin-bottom: 8px;}
.icon_list a:nth-0f-type(6n){margin-right: 0;}
.icon_list a img{width:100%;height: 100%;}
.icon_list a.on{border: 3px solid #2580ff;}
.write_btn{text-align: right}
.write_btn a{display:inline-block;background: #ebebeb;border: 1px solid #ccc;padding:15px;
width:auto;margin-top: 10px;text-align: center;margin-bottom: 10px;}
.foot_searh{text-align: center;}
.foot_searh select{width:auto;display: inline-block;padding:0 10px;height: 30px;line-height: 30px;}
.foot_searh input{width:150px;display: inline-block;height: 30px;line-height: 30px;}
.foot_searh .btn{width:30px;display: inline-block;height: 30px;line-height: 30px;}
/*type2 검색박스*/
.big_search{width:100%;}
.big_search td{border: 1px solid #ccc;}
.big_search .moth a{display: inline-block;padding:3px 10px;border: 1px solid #25907b;
color:#25907b;margin-right: 8px;}
.big_search .moth a:last-child{margin-right: 0;}
.big_search .moth a.on{background: #25907b;color:#fff;}
.big_search .sb a{display: block;padding:8px 5px;background: #000;color:#fff;
width:90%;margin:0 auto;}
.big_search .sb a:last-child{background: #25907b;margin-top: 8px;}
.btn_s_blue{display: inline-block;background: #25907b;color:#fff;border-radius: 10px;margin-left:7px;font-size: 13px;}
@media only screen and (max-width:1630px) {
#container_wrap{padding-left:0;}
#tablet_wrap{left:-500px;}
#tablet_wrap.mintive{left:0;}
.title_big{box-sizing: border-box;padding-left:15px;}
.bars .b1{display: none;}
.bars .a1{display: block;}
#iquersier{display: none;}
}
.btn_black{display: inline-block;padding:8px 5px;background: #000;color:#fff;margin-right: 8px;}
.btn_green{display: inline-block;padding:8px 5px;background: #25907b;color:#fff;margin-right: 8px;}
/* -------------------------------- TABLET --------------------------------- */
/*
@media only screen and (max-width:970px) {
}
@media only screen and (max-width:600px) {
.sick{display: block;text-indent: -99999px;height: 0;width:0;}
.mv{display: block;}
#header .logo{height: 40px;top: 25px;left: 10px;}
#header .logo img{max-width:150px;}
#footer{font-size: 14px;}
#footer .logo_foot{width:100%;float:none;height:auto;margin-bottom:30px;margin-left:0;padding:0;}
#footer .address{}
#footer .site_map a{;font-size: 13px;}
#footer .site_map li{padding:4px 0;}
.menu_hide{position: absolute;height: 60px;width: 60px;line-height: 60px;
text-decoration: none;text-align: center;left:90%;top: 15px;z-index: 10000;margin-left:-40px;}
.color_tick{margin-bottom:20px; margin-top:0}
}
*/
.text_blue { color:deepskyblue }
.text_red { color:red }
.text_green { color:#25907b }
.text_s_green { font-size: 8px;color:#25907b;!important; }
/* common layer */
.common_layer {display:none;}
.common_layer .dim_area {position:fixed; top:0; left:0; z-index:150; width:100%; height:100%; background:#000; opacity:.7; filter:alpha(opacity:'70');}
.common_layer .layer_box {position:fixed; top:100px; left:50%; z-index:160; padding:25px 25px 20px; background:#fff; border-top:3px solid #5362a4;}
.common_layer .layer_box .btn_close_layer {position:absolute; top:32px; right:32px;}
.common_layer .layer_box h2 {margin-bottom:10px; padding-bottom:20px; letter-spacing:-1px; color:#222; font-size:18px; font-weight:normal; border-bottom:1px solid #ccc;}
.common_layer .layer_btns {margin-top:20px; text-align:center;}
.common_layer .layer_btns .btn {display:inline-block; margin:0 3px; width:155px; height:43px; line-height:43px; font-size:14px;}
.common_layer .layer_btns .btn.full {width:calc(100% - 2px);}
.common_layer .layer_btns .btn.gray {color:#fff; background:#474747; border:1px solid #1e1e1e;}
.common_layer .layer_btns .btn.blue {color:#fff; background:#1c59a4; border:1px solid #0e386c;}
.common_layer .form_btns .btn {padding:0; min-width:159px; text-align:center;}
/* 가맹비 추가하기 */
.common_layer.add_cost .layer_box {margin-left:-430px; width:810px;}
/* 운영 프로그램 검색 */
.common_layer.common_search .layer_box {margin-left:-264px; width:330px;}
.common_layer.common_search .guide {padding:10px 0 15px; color:#666; font-size:14px;}
.common_layer.common_search .input_box {position:relative; height:36px; border:1px solid #ccc;}
.common_layer.common_search .input_box input {padding:0 10px; width:calc(100% - 75px); height:36px; line-height:36px; color:#444; font-size:13px; border:0;}
.common_layer.common_search .input_box.in_btn .btn {display:block; position:absolute; top:-1px; right:-1px; width:75px; height:36px; line-height:36px; color:#fff; font-size:13px; text-align:center; border:1px solid #070707; background:#393939;}
.common_layer.common_search .result {display:none;}
.common_layer.common_search .result .info {padding:20px 0 16px; color:#444; font-size:13px;}
.common_layer.common_search .result .info .mark {color:#1c59a4;}
.common_layer.common_search .result .list {height:240px; overflow-y:auto;}
.common_layer.common_search .result .list li {padding:12px 0; border-bottom:1px solid #ccc; zoom:1;}
.common_layer.common_search .result .list li:after {display:block; content:""; clear:both;}
.common_layer.common_search .result .list li .name,
.common_layer.common_search .result .list li .age,
.common_layer.common_search .result .list li .gender,
.common_layer.common_search .result .list li .phone {float:left; height:28px; line-height:28px; color:#666; font-size:13px; text-align:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.common_layer.common_search .result .list li .name {width:270px;}
.common_layer.common_search .result .list li .age {width:38px;}
.common_layer.common_search .result .list li .gender {width:38px;}
.common_layer.common_search .result .list li .phone {width:114px;}
.common_layer.common_search .result .list li .btn_select {display:block; float:right; width:57px; height:26px; line-height:26px; color:#2fb7bf; text-align:center; border:1px solid #2fb7bf;}
.common_layer.common_search .result .list li .shop_info {float:left;}
.common_layer.common_search .result .list li .shop_info .name {float:none; width:230px; color:#222; font-size:15px; text-align:left;}
.common_layer.common_search .result .list li .shop_info .address {margin-top:4px; width:230px; color:#888; font-size:11px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

173
public/css/admin/default.css Executable file
View File

@@ -0,0 +1,173 @@
@charset "utf-8";
/***** reset *****/
/* font load */
@font-face {
font-family:'NanumGothic';
src: url('/font/admin/NanumGothic.eot');
src: url('/font/admin/NanumGothic.eot?#iefix') format('embedded-opentype'),
url('/font/admin/NanumGothic.woff') format('woff'),
url('/font/admin/NanumGothic.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
* {font-family:'NanumGothic','돋움', 'dotum', 'Helvetica', 'sans-serif';}
/* layout */
html,body {width:100%; height:100%;}
html,body,form,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,pre,blockquote,th,td,thead,tbody,legend,label,select,option,button,fieldset,select,textarea,iframe {margin:0; padding:0; font-size:12px; list-style:none; }
font { font-size:12px; line-height:12px;}
img {border:0;}
button {cursor:pointer;}
ol,ul,dl {list-style:none;}
fieldset {border:0 none; margin:0; padding:0;}
input,select,button {vertical-align:middle;}
a {text-decoration:none; color:#666;}
a:hover {text-decoration:none; color:#5a6ab1;}
/* 타이틀스타일*/
.log_tit {background-image:url(/img/admin/tit_bg.gif); line-height:42px; border:solid 1px #0e0e0e; padding-left:16px; font-size:12px;}
/* 폰트스타일 */
.top_menu01 {font-size:11px; color:#999; line-height:32px;}
.top_menu02 {font-weight:bold; color:#FFF; text-decoration:none;}
/* 메인메뉴스타일 */
.admin_menu {width:980px; margin:0 auto; background-image:url(/img/admin/main_menu_bg.gif);}
.menu_td01 {width:100px; text-align:center;}
.menu_td01 a {text-decoration:none; color:#ffffff;}
.menu_td01 a:hover {text-decoration:none; color:#ffe400;}
.menu_td02 {width:140px; text-align:center;}
.menu_td02 a {text-decoration:none; color:#ffffff;}
.menu_td02 a:hover {text-decoration:none; color:#ffe400;}
.menu_gap {width:4px; text-align:center;}
/* 서브메뉴스타일 */
.sub_menu_div {width:980px; margin:0 auto; background-color:#f9f9f9; text-align:left;}
.sub_menu_ul {border-left:solid 1px #d8d8d8; border-right:solid 1px #d8d8d8; border-bottom:solid 1px #d8d8d8;}
.sub_menu_gap {vertical-align:middle; padding:0 8px;}
/* 탭스타일 */
.tab_menu10_on {float:left; width:100px; background-image:url(/img/admin/tab_10on_bg.gif); line-height:30px; text-align:center; font-weight:bold; color:#FFFFFF; text-decoration:none; cursor:pointer;}
.tab_menu10_off {float:left; width:100px; background-image:url(/img/admin/tab_10off_bg.gif); line-height:30px; text-align:center; color:#666; text-decoration:none; cursor:pointer;}
.tab_menu12_on {float:left; width:120px; background-image:url(/img/admin/tab_12on_bg.gif); line-height:30px; text-align:center; font-weight:bold; color:#FFF; text-decoration:none; cursor:pointer;}
.tab_menu12_off {float:left; width:120px; background-image:url(/img/admin/tab_12off_bg.gif); line-height:30px; text-align:center; color:#666; text-decoration:none; cursor:pointer;}
.tab_menu14_on {float:left; width:140px; background-image:url(/img/admin/tab_14on_bg.gif); line-height:30px; text-align:center; font-weight:bold; color:#FFF; text-decoration:none; cursor:pointer;}
.tab_menu14_off {float:left; width:140px; background-image:url(/img/admin/tab_14off_bg.gif); line-height:30px; text-align:center; color:#666; text-decoration:none; cursor:pointer;}
/* 테이블스타일(회원) */
.tb_tit {font-weight:bold; color:#333; text-align:center; background-color:#f2f2f2; line-height:38px; height:38px; border-right:solid 1px #d8d8d8; border-bottom:solid 1px #d8d8d8;}
.tb_tit14 {width:140px; font-weight:bold; color:#333; text-align:center; background-color:#f2f2f2; line-height:38px; height:38px; border-right:solid 1px #d8d8d8; border-bottom:solid 1px #d8d8d8;}
.tb_tit18 {width:180px; font-weight:bold; color:#333; text-align:center; background-color:#f2f2f2; line-height:38px; height:38px; border-right:solid 1px #d8d8d8; border-bottom:solid 1px #d8d8d8;}
.tb_tit01 {font-size:12px; color:#333; padding-left:20px; background-color:#ffffff; line-height:38px; height:38px; border-right:solid 1px #d8d8d8; border-bottom:solid 1px #d8d8d8;}
.tb_tit_li {border-left:solid 1px #d8d8d8;}
.tb_tit_txt {font-size:12px; color:#333; padding-left:20px; background-color:#ffffff; line-height:20px; height:38px; border-right:solid 1px #d8d8d8; border-bottom:solid 1px #d8d8d8;}
.tb_s_tit {color:#666; text-align:center; background-color:#ffffff; line-height:32px; height:32px; border-right:solid 1px #d8d8d8; border-bottom:solid 1px #d8d8d8;}
.tb_s_tit_no_center {color:#666; background-color:#ffffff; line-height:20px; height:25px; border-right:solid 1px #d8d8d8; border-bottom:solid 1px #d8d8d8;}
.tb_s_tit14 {width:140px; color:#666; text-align:center; background-color:#ffffff; line-height:32px; height:32px; border-right:solid 1px #d8d8d8; border-bottom:solid 1px #d8d8d8;}
.tb_s_tit18 {width:180px; color:#666; text-align:center; background-color:#ffffff; line-height:32px; height:32px; border-right:solid 1px #d8d8d8; border-bottom:solid 1px #d8d8d8;}
.txt {font-size:12px; color:#333; line-height:20px; }
/* 하단카피스타일 */
.footer_div01 {width:980px; margin:0 auto; margin-top:10px;}
.footer_div01 ul {padding:4px 14px; border-top:solid 2px #5a6ab1; border-bottom:solid 1px #cccccc;}
.footer_div02 {width:980px; margin:0 auto;}
.footer_div02 ul {padding:10px 14px;}
/* input 스타일 */
.input12 {border:solid 1px #5362A4; background:#5362A4; color:#C6CBE1; width:120px; height:32px; padding-left:2px; padding-top:2px;}
.input6 {border:solid 1px #777; width:60px; height:22px; padding-left:2px;}
.input4 {border:solid 1px #777; width:40px; height:22px; padding-left:2px;}
.input32 {border:solid 1px #777; width:320px; height:22px; padding-left:2px;}
.input00 {border:solid 1px #777; height:22px; padding-left:2px;}
.input1 {border:solid 1px #777; padding-left:2px;}
#table_button td { line-height:normal; }
.cutString
{
white-space: nowrap;
text-overflow:ellipsis; /* IE, Safari - ellipsis, clip */
-o-text-overflow:ellipsis; /* Opera under 10.7 - ellipsis, clip */
overflow: hidden; /* "overflow" value must be different from "visible" */
-moz-binding:url(/ellipsis.xml#ellipsis);
}
#img_style div.article{padding:0px;}
#img_style div.article div.image_aside{text-align:center; padding:0px;}
#img_style div.article div.image_aside img{max-width:99%; cursor:pointer;}
#board_view_style div.article{padding:5px 20px;}
#board_view_style div.article div.image_aside{text-align:left; padding:7px 0;}
#board_view_style div.article div.image_aside img{max-width:99%; cursor:pointer;}
#view_style div.article { padding:0px; }
#view_style div.article div.image_aside { padding:7px 0; }
#view_style div.article div.image_aside img { max-width:97%; cursor:pointer; }
.btn_white {display:inline-block; padding: 0 8px 0 8px; margin-left:2px; height:28px; line-height:28px; color:#444; border:1px solid #464646; background:#fff;}
.btn_black {display:inline-block; padding: 0 8px 0 8px; margin-left:2px; height:28px; line-height:28px; color:#fff; border:1px solid #1e1e1e; background:#474747;}
.btn_gray {display:inline-block; padding: 0 8px 0 8px; margin-left:2px; height:28px; line-height:28px; color:#fff; border:1px solid #464646; background:#737373;}
.btn_blue {display:inline-block; padding: 0 8px 0 8px; margin-left:2px; height:28px; line-height:28px; color:#fff; border:1px solid #10386a; background:#1c59a4;}
.btn_skyblue {display:inline-block; padding: 0 8px 0 8px; margin-left:2px; height:28px; line-height:28px; color:#fff; border:1px solid #10386a; background:#2bbec6;}
.btn_s_white {font-size:8px; display:inline-block; padding: 0 8px 0 8px; margin-left:2px; height:22px; line-height:22px; color:#444; border:1px solid #464646; background:#fff;}
.btn_s_black {font-size:8px; display:inline-block; padding: 0 8px 0 8px; margin-left:2px; height:22px; line-height:22px; color:#fff; border:1px solid #1e1e1e; background:#474747;}
.btn_s_gray {font-size:8px; display:inline-block; padding: 0 8px 0 8px; margin-left:2px; height:22px; line-height:22px; color:#fff; border:1px solid #464646; background:#737373;}
.btn_s_blue {font-size:8px; display:inline-block; padding: 0 8px 0 8px; margin-left:2px; height:22px; line-height:22px; color:#fff; border:1px solid #10386a; background:#1c59a4;}
.btn_s_skyblue {font-size:8px; display:inline-block; padding: 0 8px 0 8px; margin-left:2px; height:22px; line-height:22px; color:#fff; border:1px solid #10386a; background:#2bbec6;}
.text_bold { font-weight: bold; color:#000000}
.text_blue { color:deepskyblue }
.text_red { color:red }
.text_green { color:green }
/* common layer */
.common_layer {display:none;}
.common_layer .layer_box {position:fixed; top:100px; left:50%; z-index:160; padding:25px 25px 20px; background:#fff; border-top:3px solid #5362a4;}
.common_layer .layer_box .btn_close_layer {position:absolute; top:32px; right:32px;}
.common_layer .layer_box h2 {margin-bottom:10px; padding-bottom:20px; letter-spacing:-1px; color:#222; font-size:18px; font-weight:normal; border-bottom:1px solid #ccc;}
.common_layer .layer_btns {margin-top:20px; text-align:center;}
.common_layer .layer_btns .btn {display:inline-block; margin:0 3px; width:155px; height:43px; line-height:43px; font-size:14px;}
.common_layer .layer_btns .btn.full {width:calc(100% - 2px);}
.common_layer .layer_btns .btn.gray {color:#fff; background:#474747; border:1px solid #1e1e1e;}
.common_layer .layer_btns .btn.blue {color:#fff; background:#1c59a4; border:1px solid #0e386c;}
.common_layer .form_btns .btn {padding:0; min-width:159px; text-align:center;}
/* 가맹비 추가하기 */
.common_layer.add_cost .layer_box {margin-left:-430px; width:810px;}
/* 운영 프로그램 검색 */
.common_layer.common_search .layer_box {margin-left:-264px; width:330px;}
.common_layer.common_search .guide {padding:10px 0 15px; color:#666; font-size:14px;}
.common_layer.common_search .input_box {position:relative; height:36px; border:1px solid #ccc;}
.common_layer.common_search .input_box input {padding:0 10px; width:calc(100% - 20px - 75px); height:36px; line-height:36px; color:#444; font-size:13px; border:0;}
.common_layer.common_search .input_box.in_btn .btn {display:block; position:absolute; top:-1px; right:-1px; width:75px; height:36px; line-height:36px; color:#fff; font-size:13px; text-align:center; border:1px solid #070707; background:#393939;}
.common_layer.common_search .result {display:none;}
.common_layer.common_search .result .info {padding:20px 0 16px; color:#444; font-size:13px;}
.common_layer.common_search .result .info .mark {color:#1c59a4;}
.common_layer.common_search .result .list {height:240px; overflow-y:auto;}
.common_layer.common_search .result .list li {padding:12px 0; border-bottom:1px solid #ccc; zoom:1;}
.common_layer.common_search .result .list li:after {display:block; content:""; clear:both;}
.common_layer.common_search .result .list li .name,
.common_layer.common_search .result .list li .age,
.common_layer.common_search .result .list li .gender,
.common_layer.common_search .result .list li .phone {float:left; height:28px; line-height:28px; color:#666; font-size:13px; text-align:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.common_layer.common_search .result .list li .name {width:270px;}
.common_layer.common_search .result .list li .age {width:38px;}
.common_layer.common_search .result .list li .gender {width:38px;}
.common_layer.common_search .result .list li .phone {width:114px;}
.common_layer.common_search .result .list li .btn_select {display:block; float:right; width:57px; height:26px; line-height:26px; color:#2fb7bf; text-align:center; border:1px solid #2fb7bf;}
.common_layer.common_search .result .list li .shop_info {float:left;}
.common_layer.common_search .result .list li .shop_info .name {float:none; width:230px; color:#222; font-size:15px; text-align:left;}
.common_layer.common_search .result .list li .shop_info .address {margin-top:4px; width:230px; color:#888; font-size:11px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

35
public/css/admin/font_notosanskr.css Executable file
View File

@@ -0,0 +1,35 @@
@font-face{
font-family:'NotoSansKR';
font-style:normal;
font-weight:100;
src:url('/font/admin/NotoSansKR-Thin.eot');
src:local('※'), url('/font/admin/NotoSansKR-Thin.eot?#iefix') format('embedded-opentype'), url('/font/admin/NotoSansKR-Thin.woff') format('woff'), url('/font/admin/NotoSansKR-Thin.otf') format('opentype');
}
@font-face{
font-family:'NotoSansKR';
font-style:normal;
font-weight:300;
src:url('/font/admin/NotoSansKR-Light.eot');
src:local('※'), url('/font/admin/NotoSansKR-Light.eot?#iefix') format('embedded-opentype'), url('/font/admin/NotoSansKR-Light.woff') format('woff'), url('/font/admin/NotoSansKR-Light.otf') format('opentype');
}
@font-face{
font-family:'NotoSansKR';
font-style:normal;
font-weight:400;
src:url('/font/admin/NotoSansKR-Regular.eot');
src:local('※'), url('/font/admin/NotoSansKR-Regular.eot?#iefix') format('embedded-opentype'), url('/font/admin/NotoSansKR-Regular.woff') format('woff'), url('/font/admin/NotoSansKR-Regular.otf') format('opentype');
}
@font-face{
font-family:'NotoSansKR';
font-style:normal;
font-weight:500;
src:url('/font/admin/NotoSansKR-Medium.eot');
src:local('※'), url('/font/admin/NotoSansKR-Medium.eot?#iefix') format('embedded-opentype'), url('/font/admin/NotoSansKR-Medium.woff') format('woff'), url('/font/admin/NotoSansKR-Medium.otf') format('opentype');
}
@font-face{
font-family:'NotoSansKR';
font-style:normal;
font-weight:700;
src:url('/font/admin/NotoSansKR-Bold.eot');
src:local('※'), url('/font/admin/NotoSansKR-Bold.eot?#iefix') format('embedded-opentype'), url('/font/admin/NotoSansKR-Bold.woff') format('woff'), url('/font/admin/NotoSansKR-Bold.otf') format('opentype');
}

405
public/css/admin/jquery.easy_slides.css Executable file
View File

@@ -0,0 +1,405 @@
/*********************************/
.slider_one_big_picture {
position: relative;
width: 1280px;
height: 768px;
margin: 0 auto;
user-select: none;
/*overflow: hidden;*/
}
.slider_one_big_picture > *{
transition: ease all 1s;
}
.slider_one_big_picture .hidden {
opacity: 0;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: 0;
}
.slider_one_big_picture .active {
opacity: 1;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: 2;
}
.slider_one_big_picture .prev1,
.slider_one_big_picture .next1 {
opacity: 0;
position: absolute;
top: 0px;
left: 0px;
width: 0px;
height: 100%;
z-index: 0;
}
.slider_one_big_picture .next1 {
left: 1280px;
}
.slider_one_big_picture .prev2,
.slider_one_big_picture .next2 {
opacity: 0;
position: absolute;
top: 0px;
left: 0px;
width: 0px;
height: 100%;
z-index: 0;
}
.slider_one_big_picture .next2 {
left: 1280px;
}
/*********************************/
.slider_circle_10 {
position: relative;
width: 1280px;
height: 768px;
margin: 0 auto;
user-select: none;
}
.slider_circle_10 > *{
transition: ease all 1s;
}
.slider_circle_10 > div,
.slider_circle_10 .hidden{
opacity: 0;
position: absolute;
top: 20%;
left: 50%;
width: 1px;
height: 1px;
z-index: 0;
overflow: hidden;
}
.slider_circle_10 .active{
opacity: 1;
position: absolute;
top: 30%;
left: 50%;
margin-left: -400px;
width: 800px;
height: 500px;
z-index: 10;
}
.slider_circle_10 .prev1,
.slider_circle_10 .next1{
opacity: 0.9;
position: absolute;
top: 60%;
left: 50%;
margin-left: -540px;
width: 320px;
height: 200px;
z-index: 9;
}
.slider_circle_10 .next1{
margin-left: 220px;
}
.slider_circle_10 .prev2,
.slider_circle_10 .next2{
opacity: 0.7;
position: absolute;
top: 50%;
left: 50%;
margin-left: -640px;
width: 156px;
height: 97px;
z-index: 8;
}
.slider_circle_10 .next2 {
margin-left: 484px;
}
.slider_circle_10 .prev3,
.slider_circle_10 .next3 {
opacity: 0.5;
position: absolute;
top: 35%;
left: 50%;
margin-left: -608px;
width: 112px;
height: 70px;
z-index: 7;
}
.slider_circle_10 .next3 {
margin-left: 496px;
}
.slider_circle_10 .prev4,
.slider_circle_10 .next4 {
opacity: 0.3;
position: absolute;
top: 25%;
left: 50%;
margin-left: -400px;
width: 80px;
height: 50px;
z-index: 6;
}
.slider_circle_10 .next4 {
margin-left: 320px;
}
.slider_circle_10 .prev5,
.slider_circle_10 .next5 {
opacity: 0.1;
position: absolute;
top: 20%;
left: 50%;
margin-left: -200px;
width: 48px;
height: 30px;
z-index: 5;
}
.slider_circle_10 .next5 {
margin-left: 152px;
}
/*********************************/
.slider_four_in_line {
width: 1280px;
height: 250px;
position: relative;
margin: 0 auto;
user-select: none;
}
.slider_four_in_line > * {
transition: ease all 1s;
}
.slider_four_in_line .hidden {
opacity: 0;
z-index: 0;
top: 0px;
left: 50%;
}
.slider_four_in_line .active,
.slider_four_in_line .next1,
.slider_four_in_line .next2,
.slider_four_in_line .next3,
.slider_four_in_line .next4,
.slider_four_in_line .prev1 {
position: absolute;
width: 24%;
height: 100%;
top: 0px;
left: 25%;
z-index: 10;
margin: 0 0.5%;
}
.slider_four_in_line .next1 {
left: 50%;
}
.slider_four_in_line .next2 {
left: 75%;
}
.slider_four_in_line .next3 {
width: 0%;
left: 100%;
z-index: 0;
opacity: 0;
}
.slider_four_in_line .next4 {
left: 100%;
width: 0%;
z-index: 0;
opacity: 0;
}
.slider_four_in_line .prev1 {
position: absolute;
width: 24%;
height: 100%;
top: 0px;
left: 0%;
z-index: 10;
opacity: 1;
}
.slider_four_in_line .prev2,
.slider_four_in_line .prev3,
.slider_four_in_line .prev4 {
position: absolute;
width: 0%;
height: 100%;
top: 0px;
left: 0%;
z-index: 0;
opacity: 0;
}
/*********************************/
.slider_clock {
width: 600px;
height: 600px;
position: relative;
margin: 0 auto;
user-select: none;
}
.slider_clock > *{
transition: ease all 1s;
}
.slider_clock .active {
position: absolute;
left: 50%;
top: 50%;
margin-left: -200px;
margin-top: -125px;
width: 400px;
height: 250px;
transform: rotate(0deg);
opacity: 1;
z-index: 10;
overflow: hidden;
}
.slider_clock .next1,
.slider_clock .next2,
.slider_clock .next3,
.slider_clock .next4,
.slider_clock .next5,
.slider_clock .next6,
.slider_clock .next7,
.slider_clock .prev1,
.slider_clock .prev2,
.slider_clock .prev3,
.slider_clock .prev4,
.slider_clock .prev5,
.slider_clock .prev6,
.slider_clock .prev7,
.slider_clock .hidden {
position: absolute;
left: 50%;
top: 50%;
width: 96px;
height: 60px;
margin-top: 200px;
margin-left: -48px;
transform-origin: 48px -200px;
transform: rotate(0deg);
opacity: 1;
overflow: hidden;
}
.slider_clock .next2 {
transform: rotate(-30deg);
}
.slider_clock .next3 {
transform: rotate(-60deg);
}
.slider_clock .next4 {
transform: rotate(-90deg);
}
.slider_clock .next5 {
transform: rotate(-120deg);
}
.slider_clock .next6 {
transform: rotate(-150deg);
}
.slider_clock .next7 {
opacity: 0;
transform: rotate(-180deg);
}
.slider_clock .prev1 {
transform: rotate(30deg);
}
.slider_clock .prev2 {
transform: rotate(60deg);
}
.slider_clock .prev3 {
transform: rotate(90deg);
}
.slider_clock .prev4 {
transform: rotate(120deg);
}
.slider_clock .prev5 {
transform: rotate(150deg);
}
.slider_clock .prev6 {
transform: rotate(180deg);
}
.slider_clock .prev7 {
opacity: 0;
transform: rotate(210deg);
}
.slider_clock .hidden {
opacity: 0;
transform: rotate(180deg);
}
/*********************************/
.nav_indicators {
position: absolute;
bottom: 0px;
left: 0px;
width: 100%;
text-align: center;
z-index: 50000;
}
.nav_indicators ul {
display: inline-block;
margin: 0 auto;
padding: 0;
}
.nav_indicators ul li {
display: inline-block;
width: 20px;
height: 20px;
margin: 10px;
padding: 0;
overflow: hidden;
background: #fff;
color: #fff;
border: 2px solid #000;
border-radius: 50%;
cursor: pointer;
}
.nav_indicators ul li.active {
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 10px;
padding: 0;
background: #555;
color: #555;
border: 2px solid #aaa;
border-radius: 50%;
cursor: pointer;
}
.next_button,
.prev_button {
position: absolute;
left: 100% !important;
top: 50% !important;
margin: -15px 0 0 -25px !important;
width: 50px !important;
height: 30px !important;
border: 1px solid #000 !important;
background: #fff !important;;
opacity: 0.8 !important;
z-index: 5000 !important;
cursor: pointer;
text-align: center;
line-height: 30px;
}
.prev_button {
position: absolute;
left: 0% !important;
}
.next_button:hover,
.prev_button:hover {
opacity: 1 !important;
}
div.slider > div:not(.nav_indicators):not(.next_button):not(.prev_button) {
box-shadow: 0px 1px 3px #000;
border: 1px solid #000;
background: #fff;
text-align: center;
box-sizing: border-box;
font-size: 150px;
}

6
public/css/admin/jquery.multiselect.css Executable file
View File

@@ -0,0 +1,6 @@
.fMultiSelect {
min-height:50px;
}

1794
public/css/admin/loaders.css Executable file
View File

File diff suppressed because it is too large Load Diff

451
public/css/admin/main.css Executable file
View File

@@ -0,0 +1,451 @@
@charset "utf-8";
/*공통부분 etc*/
.ad_btn_wrap{text-align: center;margin-top: 10px;}
.ad_btn{display:inline-block;padding:4px 20px;background: #000;font-size: 14px;color:#fff;}
.admin_content .loader{position: absolute;bottom:-80px;left:50%;margin-left:-5px;}
.fa{margin-right: 8px;}
h2.tit{font-weight: 400;font-size: 20px; color:#73879C;text-align: left;margin-bottom: 10px;}
.btn_wrap a .fa{color:#C5C7CB;}
body{background: #F7F7F7;}
.pasing_wrap a{display:inline-block;width:30px;height: 30px;text-align: center;line-height: 30px;border:1px solid #717171;color:#717171;margin:0 2px;}
.pasing_wrap{margin-top: 30px;text-align: center;}
.pasing_wrap .curr {display:inline-block;width:30px;height: 30px;text-align: center;line-height: 30px;border:1px solid #717171;background: #717171;color:#fff;margin:0 2px;}
.button_tool{margin:10px 0;position: relative;height: 66px;}
.button_tool.off{margin:0;background: none !important;}
.vertical_tool{height: 942px;position: absolute;top:86px;z-index:1000;border-bottom: none;opacity: 0;width:100px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f1f1f1+16,73879c+50,f1f1f1+86 */
background: #f1f1f1; /* Old browsers */
background: -moz-linear-gradient(top, #f1f1f1 16%, #73879c 50%, #f1f1f1 86%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #f1f1f1 16%,#73879c 50%,#f1f1f1 86%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #f1f1f1 16%,#73879c 50%,#f1f1f1 86%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#f1f1f1',GradientType=0 ); /* IE6-9 */
}
.vertical_tool.on{width:100px;border: 2px solid rgba(204, 204, 204, 0.54);border-top:none;opacity: 1;
border-left:none;box-sizing: border-box;}
.vertical_tool .con{width:90%;margin-bottom: 10px;margin:0 5%;text-align: center;border:1px solid #ccc;margin-bottom: 10px;background: rgba(255, 255, 255, 0.18);
border-radius: 10px;padding:8px 0;box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.32);}
.vertical_tool .con .fa{color:#73879C;}
.vertical_tool .con a{display: block;}
.vertical_tool .con:hover .fa{}
.vertical_tool .con .depth2_wrap{position:absolute;height:942px;width:200px;background: #ccc;right:-202px;top:0px;border-right: 1px solid #6f6f6f;display: none;
background: #fff;
text-align: left;text-align:left;box-sizing: border-box;}
.vertical_tool .con .depth2_wrap.on{display: block;}
.vertical_tool .con .depth2_wrap li{border-bottom:1px solid #ccc;padding:5px;}
.vertical_tool .con .depth2_wrap li a{font-weight: 500;}
.vertical_tool .con .depth2_wrap li .list{padding-left:25px;}
.vertical_tool .con .depth2_wrap li .list a{color:#000;display: block;margin:5px 0;}
.vertical_tool .list_con .depth2_wrap li a{display: block;}
.vertical_tool .con .depth2_wrap li .color_area{text-align: center;}
.vertical_tool .con .depth2_wrap li .color_area li{display: inline-block;
margin:0 3px;
width:20px;height: 20px;border: 1px solid #a0a0a0;background: #ccc;}
.vertical_tool .con .depth2_wrap li .color_area li a{display: block;}
.vertical_tool .con .depth2_wrap h2{height: 40px;line-height: 40px;text-align: center;font-weight: 500;color:#fff;background: #283645;position: relative;}
.vertical_tool .con .depth2_wrap h2 .fa{position: absolute;top:12px;right:5px;}
.land_line{position: absolute;width:100%;background: #000;height: 40px;top:60px;background: #73879C;text-align: center;}
.land_line a{display:inline-block;padding:1px 8px;color:#fff;}
input[type="submit"]{background: #2A3F54;color:#fff;display:inline-block;padding:3px 7px;margin-top: 5px;}
/*전자펜 */
.top_wrap{position: relative;}
.elect_pencil{position: absolute;top:600px;left:160px;z-index:10000;}
.button_tool .btn_tool{display: inline-block;color:#1ABB9C;margin:15px 0 6px;}
.button_tool .btn_tool.on{position: absolute;top:-40px;right:0;}
.button_tool .too_box{display: inline-block;vertical-align: middle;margin-top:-7px;}
.button_tool .too_box>div.con a{color:#00a0d3}
.button_tool .too_box>div.con{cursor: pointer;display:inline-block;width:auto;padding:0; color:#00a0d3;vertical-align: middle;border: 1px solid rgba(204, 204, 204, 0.54);
text-align: center;height: 0;box-sizing: border-box;overflow: hidden;border:none;background: #fff;border:none;}
.button_tool .too_box>div.con.on{width:auto;height:66px;padding:0 10px;border: 1px solid rgba(204, 204, 204, 0.54);padding-top:5px;}
.button_tool .too_box>div.con p.name{line-height: normal;font-size: 15px;}
.button_tool .too_box>div .fa{margin: 0;height: 28.8px;display: block;}
.button_tool .too_box>div:hover .fa{color:#2A3F54}
.button_tool .too_box>div:hover{color:#2A3F54;font-weight: 500;}
.button_tool .too_box>div:hover a{color:#2A3F54;}
.button_tool .too_box .page_search{width:auto;position: relative;}
.button_tool .too_box .page_search .coco{display: inline-block;padding-right: 40px;padding-bottom: 7px;position: relative;top:2px;}
.button_tool .too_box .page_search input{width:40px;}
.button_tool .too_box .page_search .se{display: inline-block;background: #ccc;color:#fff;border:1px solid #a5a5a5;position: absolute;top:10px;right:-2px;width:30px;height: 28px;
line-height: 22px;
vertical-align: top;}
/*책보기*/
.page_slider .active{
opacity: 1;
position: absolute;
top: 5%;
left: 50%;
margin-left: -350px;
width: 700px;
height: 800px;
z-index: 10;
}
.page_slider .con img{width:100%;height: 100%;}
/*.file_wrap{width:80px;overflow: hidden;}*/
/*배너관리*/
.banner_area {margin:30px 0;}
.banner_area ul li{text-align: center;padding:15px;border: 1px solid #ddd;margin-bottom: 8px;}
.banner_area ul li img{width:100%;height: 200px;margin-bottom: 15px;}
/*마우스 하단내리기 움직임*/
.visual_bot { position: absolute; left: 50%; bottom: -1px; margin-left: -75px; z-index: 999; cursor: pointer; }
.mouse_wrap { position: absolute; left: 50%; bottom: 5px; z-index: 999; width: 150px; text-align: center; }
.mouse_wrap .txt_scroll { margin: 0 0 6px -16px; max-width: 70px; margin: 0 auto 5px; }
.mouse_wrap span { display: block; width: 8px; height: 8px; border-right: 2px solid #fff; border-bottom: 2px solid #fff; margin: -1px 0 0px 5px; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.mouse_wrap .unu { margin-top: 5px; }
.mouse_wrap .unu, .mouse_wrap .doi, .mouse_wrap .trei { -webkit-animation: mouse-scroll 1s infinite; -moz-animation: mouse-scroll 1s infinite; -ms-animation: mouse-scroll 1s infinite; }
.mouse_wrap .unu { -webkit-animation-delay: .1s; -moz-animation-delay: .1s; -ms-animation-delay: .1s; -webkit-animation-direction: alternate; }
.mouse_wrap .doi { -webkit-animation-delay: .2s; -moz-animation-delay: .2s; -ms-animation-delay: .2s; -webkit-animation-direction: alternate; }
.mouse_wrap .trei { -webkit-animation-delay: .3s; -moz-animation-delay: .3s; -ms-animation-delay: .3s; -webkit-animation-direction: alternate; }
.mouse_wrap .mouse { height: 28px; width: 18px; border-radius: 10px; transform: none; border: 2px solid #fff; top: 170px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.8); margin: 0 auto; }
.mouse_wrap .wheel { height: 5px; width: 2px; display: block; margin: 3px auto; background: #fff; position: relative; box-shadow: 0 0 3px rgba(0, 0, 0, 1); }
.mouse_wrap .arrow { display: inline-block; margin-right: 4px; }
.mouse_wrap .wheel { -webkit-animation: mouse-wheel 1.2s ease infinite; -moz-animation: mouse-wheel 1.2s ease infinite; -ms-animation: mouse-wheel 1.2s ease infinite; }
@-webkit-keyframes mouse-wheel { 0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(6px);
-ms-transform: translateY(6px);
transform: translateY(6px);
}
}
@keyframes mouse-wheel { 0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(6px);
-ms-transform: translateY(6px);
transform: translateY(6px);
}
}
@-moz-keyframes mouse-wheel { 0% {
top: 1px;
}
50% {
top: 2px;
}
100% {
top: 3px;
}
}
@-webkit-keyframes mouse-scroll { 0% {
opacity: 0;
}
50% {
opacity: .5;
}
100% {
opacity: 1;
}
}
@-moz-keyframes mouse-scroll { 0% {
opacity: 0;
}
50% {
opacity: .5;
}
100% {
opacity: 1;
}
}
@-o-keyframes mouse-scroll { 0% {
opacity: 0;
}
50% {
opacity: .5;
}
100% {
opacity: 1;
}
}
@keyframes mouse-scroll { 0% {
opacity: 0;
}
50% {
opacity: .5;
}
100% {
opacity: 1;
}
}
/*
@media only screen and (max-width:1600px) {
.top_wrap{margin-bottom: 140px;}
.land_line{top:190px;}
.vertical_tool{top:188px;}
}
*/
.player_logo{position: absolute;top:15px;left:50px;}
.player_logo_hide{position: absolute;position: fixed;width:100%;text-align: center;top:50%;
z-index:1000;font-size: 80px;font-weight: bold;color:#fff;margin-top:-200px;}
.full_bg{
position: fixed;
top: 0;
left: 0;
z-index: 10000;
height: 100%;
width: 100%;
opacity: 1;
visibility: visible;
overflow: hidden;}
.full_bg.go{opacity:1;visibility: visible;}
.bbb{
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translateY(-50%) translateX(-2%);
-moz-transform: translateY(-50%) translateX(-2%);
-ms-transform: translateY(-50%) translateX(-2%);
-o-transform: translateY(-50%) translateX(-2%);
transform: translateY(-50%) translateX(-2%);
/* its dimentions will be overwritten using jQuery to proportionally fit the viewport */
height: 100%;
/* our sprite is composed of 25 frames */
width: 2500%;
background: url(/images/sub/ink.png) no-repeat 0 0;
background-size:100% 100%;
-webkit-animation: cd-sequence 1s steps(24);
-moz-animation: cd-sequence 1s steps(24);
animation: cd-sequence 1s steps(24);
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
/* --------------------------------
Primary style
-------------------------------- */
/* --------------------------------
Patterns - reusable parts of our design
-------------------------------- */
.cd-btn {
display: inline-block;
padding: 1.6em 2.4em;
font-size: 1.4rem;
letter-spacing: .15em;
color: #ffffff;
font-weight: 700;
text-transform: uppercase;
background-color: #a5c4bc;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-transition: box-shadow 0.3s;
-moz-transition: box-shadow 0.3s;
transition: box-shadow 0.3s;
}
.no-touch .cd-btn:hover {
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
}
/* --------------------------------
Typography
-------------------------------- */
h1 {
font-size: 2.6rem;
line-height: 1;
margin-bottom: 1em;
font-family: "IM Fell Double Pica", serif;
font-style: italic;
}
@media only screen and (min-width: 768px) {
h1 {
font-size: 5rem;
}
}
/* --------------------------------
Main Content
-------------------------------- */
.cd-main-content {
position: relative;
z-index: 1;
width: 100%;
height: 100vh;
/* vertically align its content */
display: table;
background-color: #e4dcca;
}
.cd-main-content .center {
/* vertically align inside parent element */
display: table-cell;
vertical-align: middle;
text-align: center;
}
/* --------------------------------
Modal window
-------------------------------- */
/* --------------------------------
Transition Layer
-------------------------------- */
.cd-transition-layer {
position: fixed;
top: 0;
left: 0;
z-index: 1;
height: 100%;
width: 100%;
opacity: 0;
visibility: hidden;
overflow: hidden;
}
.cd-transition-layer .bg-layer {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translateY(-50%) translateX(-2%);
-moz-transform: translateY(-50%) translateX(-2%);
-ms-transform: translateY(-50%) translateX(-2%);
-o-transform: translateY(-50%) translateX(-2%);
transform: translateY(-50%) translateX(-2%);
/* its dimentions will be overwritten using jQuery to proportionally fit the viewport */
height: 100%;
/* our sprite is composed of 25 frames */
width: 2500%;
background: url(/images/main/ink.png) no-repeat 0 0;
background-size: 100% 100%;
}
.cd-transition-layer.visible {
opacity: 1;
visibility: visible;
}
.cd-transition-layer.opening .bg-layer {
-webkit-animation: cd-sequence 0.8s steps(24);
-moz-animation: cd-sequence 0.8s steps(24);
animation: cd-sequence 0.8s steps(24);
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.cd-transition-layer.closing .bg-layer {
-webkit-animation: cd-sequence-reverse 0.8s steps(24);
-moz-animation: cd-sequence-reverse 0.8s steps(24);
animation: cd-sequence-reverse 0.8s steps(24);
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.no-cssanimations .cd-transition-layer {
display: none;
}
@-webkit-keyframes cd-sequence {
0% {
/* translateX(-2%) is used to horizontally center the first frame inside the viewport */
-webkit-transform: translateY(-50%) translateX(-2%);
}
100% {
/* translateX(-98%) (2% + 96) is used to horizontally center the last frame inside the viewport */
-webkit-transform: translateY(-50%) translateX(-98%);
}
}
@-moz-keyframes cd-sequence {
0% {
/* translateX(-2%) is used to horizontally center the first frame inside the viewport */
-moz-transform: translateY(-50%) translateX(-2%);
}
100% {
/* translateX(-98%) (2% + 96) is used to horizontally center the last frame inside the viewport */
-moz-transform: translateY(-50%) translateX(-98%);
}
}
@keyframes cd-sequence {
0% {
/* translateX(-2%) is used to horizontally center the first frame inside the viewport */
-webkit-transform: translateY(-50%) translateX(-2%);
-moz-transform: translateY(-50%) translateX(-2%);
-ms-transform: translateY(-50%) translateX(-2%);
-o-transform: translateY(-50%) translateX(-2%);
transform: translateY(-50%) translateX(-2%);
}
100% {
/* translateX(-98%) (2% + 96) is used to horizontally center the last frame inside the viewport */
-webkit-transform: translateY(-50%) translateX(-98%);
-moz-transform: translateY(-50%) translateX(-98%);
-ms-transform: translateY(-50%) translateX(-98%);
-o-transform: translateY(-50%) translateX(-98%);
transform: translateY(-50%) translateX(-98%);
}
}
@-webkit-keyframes cd-sequence-reverse {
0% {
-webkit-transform: translateY(-50%) translateX(-98%);
}
100% {
-webkit-transform: translateY(-50%) translateX(-2%);
}
}
@-moz-keyframes cd-sequence-reverse {
0% {
-moz-transform: translateY(-50%) translateX(-98%);
}
100% {
-moz-transform: translateY(-50%) translateX(-2%);
}
}
@keyframes cd-sequence-reverse {
0% {
-webkit-transform: translateY(-50%) translateX(-98%);
-moz-transform: translateY(-50%) translateX(-98%);
-ms-transform: translateY(-50%) translateX(-98%);
-o-transform: translateY(-50%) translateX(-98%);
transform: translateY(-50%) translateX(-98%);
}
100% {
-webkit-transform: translateY(-50%) translateX(-2%);
-moz-transform: translateY(-50%) translateX(-2%);
-ms-transform: translateY(-50%) translateX(-2%);
-o-transform: translateY(-50%) translateX(-2%);
transform: translateY(-50%) translateX(-2%);
}
}

90
public/css/admin/multi-select.css Executable file
View File

@@ -0,0 +1,90 @@
.ms-container{
background: transparent url('/img/admin/switch.png') no-repeat 50% 50%;
width: 700px;
}
.ms-container:after{
content: ".";
display: block;
height: 0;
line-height: 0;
font-size: 0;
clear: both;
min-height: 0;
visibility: hidden;
}
.ms-container .ms-selectable, .ms-container .ms-selection{
background: #fff;
color: #555555;
float: left;
width: 45%;
}
.ms-container .ms-selection{
float: right;
}
.ms-container .ms-list{
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
-ms-transition: border linear 0.2s, box-shadow linear 0.2s;
-o-transition: border linear 0.2s, box-shadow linear 0.2s;
transition: border linear 0.2s, box-shadow linear 0.2s;
border: 1px solid #ccc;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
position: relative;
height: 400px;
minHeight: 200px;
padding: 0;
overflow-y: auto;
}
.ms-container .ms-list.ms-focus{
outline: 0;
outline: thin dotted \9;
}
.ms-container ul{
margin: 0;
list-style-type: none;
padding: 0;
}
.ms-container .ms-optgroup-container{
width: 100%;
}
.ms-container .ms-optgroup-label{
margin: 0;
padding: 5px 0px 0px 5px;
cursor: pointer;
color: #999;
}
.ms-container .ms-selectable li.ms-elem-selectable,
.ms-container .ms-selection li.ms-elem-selection{
border-bottom: 1px #eee solid;
padding: 0px 10px;
color: #555;
font-size: 12px;
}
.ms-container .ms-selectable li.ms-hover,
.ms-container .ms-selection li.ms-hover{
cursor: pointer;
color: #fff;
text-decoration: none;
background-color: #08c;
}
.ms-container .ms-selectable li.disabled,
.ms-container .ms-selection li.disabled{
background-color: #eee;
color: #aaa;
cursor: text;
}

2337
public/css/font-awesome.css vendored Executable file
View File

File diff suppressed because it is too large Load Diff

7
public/css/jquery-ui.min.css vendored Executable file
View File

File diff suppressed because one or more lines are too long

567
public/css/m/google-gallery.css Executable file
View File

@@ -0,0 +1,567 @@
.btn-link-warning,
.btn-link-warning:focus {
color: #f4d512;
}
.btn-link-warning:hover {
color: #fff000;
}
.btn-link-warning:active {
color: #f4d512;
}
.page-title {
margin: 0 0 10px;
}
.backTotop {
display: none;
color: #fff;
background-color: #0072BC;
width: 40px;
height: 40px;
border-radius: 6px;
text-align: center;
line-height: 40px;
position: fixed;
bottom: 50px;
right: 20px;
z-index: 9999;
text-decoration: none;
overflow: visible;
}
.backTotop:hover {
color: #fff;
text-decoration: none;
}
.backTotop:after {
content: "Top";
font-size: 10px;
text-align: center;
color: #0072BC;
line-height: 16px;
position: absolute;
left: 0;
bottom: -16px;
width: 100%;
}
.actionbar {
font-size: 13px;
}
.actionbar .list-inline {
margin-bottom: 0;
margin-right: -5px;
}
.actionbar .list-inline>li {
vertical-align: middle;
padding: 0 5px;
}
.actionbar .list-inline>li .dropdown-menu {
left: auto;
right: 0;
}
.actionbar .dropdown-toggle {
padding: 0;
margin-top: -4px;
}
.actionbar .estimated-count {
display: inline-block;
vertical-align: middle;
text-transform: lowercase;
}
.actionbar .estimated-count .spname {
text-transform: none;
}
.actionbar h2,
.actionbar .list-line-item {
display: inline-block;
vertical-align: middle;
}
.actionbar h2 {
display: inline;
font-size: 1em;
font-weight: normal;
padding: 0;
margin: 0;
border: 0;
color: inherit;
}
.toggleView span {
display: inline-block;
cursor: pointer;
line-height: normal;
font-size: 21px;
padding: 1px 6px 0;
margin: 0;
min-height: 28px;
color: #B2B2B2;
}
.toggleView span i {
text-align: center;
margin-right: -2px;
}
.toggleView span.active {
color: #333;
}
.viewchange {}
.pictureView,
.galleryview {}
.viewchange .resultitem {
vertical-align: top;
display: block;
text-align: center;
margin: 10px 12px 0;
position: relative;
}
.viewchange .resulttitle {
margin-top: 0;
}
.viewchange .resulttitle a {
display: block;
text-align: left;
}
.viewchange .resultitem .resultbox,
.viewchange .resultitem .resultbox .resultdecs {
display: block;
width: auto;
margin: 0;
}
.viewchange .resultitem .box {
vertical-align: top;
display: block;
border: solid 1px #d9d9d9;
text-align: center;
overflow: hidden;
background: transparent url() no-repeat 50%;
background-size: cover;
position: relative;
cursor: pointer;
}
.viewchange .resultitem>.box>a.clickevent {
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
height: auto;
}
.img-responsive {
max-width: 100%;
max-height: 100%;
vertical-align: middle;
}
.viewchange .resultitem>p.resulttitle {
padding: 4px 0;
}
.listview {
columns: 2 15px;
}
.listview .resultitem {
margin: 0 0 10px;
padding-bottom: 10px;
border-bottom: 1px solid #eee;
}
.listview .resultitem .box {
width: 80px;
height: 80px;
vertical-align: top;
display: inline-block;
line-height: 55px;
border: solid 1px #d9d9d9;
text-align: center;
background-image: none;
padding: 0;
}
.listview .resultitem .detailview {
display: inline-block;
vertical-align: top;
width: calc(100% - 100px);
text-align: left;
}
.listview .resultitem .detailview .resulttitle {
font-weight: bold;
}
.listview .resultitem .box .iconlinks,
.listview .resultitem .detailview .controllers,
.listview .resultitem .detailview .thumbImage {
display: none;
}
.listview .resultitem .detailview .thumbMeta .metadata>p {
display: inline;
}
.smallview .resultitem,
.smallview .resultitem .box {
width: 6.4em;
padding: 0;
}
.smallview .resultitem .box {
height: 6.4em;
line-height: 6em;
}
.thumbnails .resultitem,
.thumbnails .resultitem .box {
width: 9.3em;
padding: 0;
}
.thumbnails .resultitem .box {
height: 9.4em;
line-height: 9.05em;
}
.galleryview .resultitem,
.galleryview .resultitem .box {
width: 15em;
padding: 0;
}
.galleryview .resultitem .box {
height: 15em;
line-height: 14em;
background-image: none;
}
.thumbnails .resultitem .content,
.galleryview .resultitem .content,
.galleryview .resultitem .scopeName,
.thumbnails .resultitem .scopeName {
display: none;
}
.picflex {
display: flex;
flex-wrap: wrap;
margin: -5px;
}
.picflex:after {
content: '';
flex-grow: 1;
display: inline-block;
min-width: 50%;
}
.picflex .resultitem {
margin: 10px;
position: static;
width: auto;
border: 0;
height: 180px;
min-width: 85px;
flex-grow: 1;
}
.picflex .resultitem .box {
border: none;
width: 100%;
height: 180px;
line-height: normal;
}
.picflex .resultitem.open {
height: 675px;
}
.picflex .resultitem.open:after {
content: "";
font-size: 0px;
width: 0;
height: 0;
border-style: solid;
border-width: 0px 20px 20px 20px;
border-color: transparent transparent #666666 transparent;
top: -10px;
position: relative;
}
.picflex .resultitem .box>i {
display: block;
}
.picflex .resultitem .box img {
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
width: 100%;
left: 50%;
vertical-align: bottom;
}
.picflex .resultitem .box .iconlinks {
overflow: hidden;
position: absolute;
height: 0px;
top: 180px;
left: 0;
right: 0;
background: rgba(0, 0, 0, .5);
text-align: center;
transition: ease-in-out 0.2s;
}
.picflex .resultitem .box:hover .iconlinks {
transition: ease-in-out 0.2s;
height: 40px;
padding: 10px 0;
top: 140px;
}
.picflex .resultitem .box .iconlinks .icon-sprite {
display: inline-block;
padding: 0 4px;
}
.picflex .resultitem .box .iconlinks .icon-sprite i.glyphicon {
font-size: 20px;
}
.picflex .icon-sprite {
background: transparent none;
color: #fff;
text-indent: 0;
width: auto;
height: auto;
}
.picflex .icon-sprite:hover,
.picflex .icon-sprite.cart-add {
color: #2b0;
}
.picflex .icon-sprite.cart-add:hover {
color: #d01323;
}
.picflex .detailview {
display: none;
background: #666666;
height: 475px;
position: absolute;
left: 0;
right: 0;
margin-top: 20px;
overflow: auto;
}
.picflex .resultitem.open .detailview {
display: block;
}
.picflex .resulttitle {
text-align: left;
line-height: 45px;
font-weight: bold;
border-bottom: 1px solid #ACACAC !important;
margin-bottom: 15px;
}
.picflex .resulttitle span.product {
padding-right: 10px;
border-right: 1px solid #fff;
color: #e4e4e4;
font-weight: normal;
font-size: 13px;
}
.picflex .resulttitle span.productid {
color: #fff;
font-weight: bold;
padding-left: 10px;
font-size: 13px;
}
.picflex .detailview .resulttitle .controllers {
text-align: right;
}
.picflex .detailview .resulttitle .controllers a {
display: inline-block;
font-size: 16px;
background-color: #f4d512;
line-height: 26px;
border-radius: 50px;
width: 24px;
text-align: center;
height: 24px;
color: #666666;
margin: 0 10px;
}
.picflex .detailview .resulttitle .controllers a:focus {
background-color: #f4d512;
}
.picflex .detailview .resulttitle .controllers a:active {
background-color: #fff000;
}
.picflex .detailview .resulttitle .controllers a:hover {
background-color: #f4d512;
}
.picflex .resultitem:first-child .detailview .resulttitle .controllers a.left-arrow,
.picflex .resultitem:last-child .detailview .resulttitle .controllers a.right-arrow {
display: none;
}
.picflex .detailview ul.image-links {
margin: 0;
padding: 0;
padding: 14px 0 0;
display: flex;
justify-content: space-between;
list-style: none;
}
.picflex .detailview ul.image-links li a {
font-size: 13px;
padding: 0;
text-decoration: none;
}
.picflex .detailview ul.image-links li.addToOrder a:after {
content: attr(title);
}
.picflex .detailview>div {
border: none;
}
.picflex .detailview .thumbMeta {
text-align: left;
/* max-height:400px;
overflow:auto;*/
}
.picflex .detailview .thumbMeta .metadata {
padding-right: 10px;
}
.picflex .detailview .thumbMeta .metalabel {
color: #e4e4e4;
font-weight: normal;
font-size: 13px;
border-right: 1px solid #fff;
padding-right: 5px;
}
.picflex .detailview .thumbMeta .metalabel:after {
content: "";
}
.picflex .detailview .thumbMeta .metavalue {
color: #fff;
font-weight: bold;
font-size: 13px;
padding-left: 5px;
line-height: 20px;
}
.picflex .detailview .thumbMeta .metavalue.release {
color: #fff;
}
.picflex .detailview .thumbMeta span {
line-height: normal;
display: inline-block;
}
.picflex .detailview .thumbImage {
line-height: normal;
overflow: inherit;
}
.picflex .detailview .thumbImage .detail-picture {
padding: 0 5px 0px 10px;
}
.picflex .detailview .thumbImage .detail-img {
width: 100%;
height: 364px;
background: #fff url() no-repeat 50%;
background-size: cover;
}
@media screen and (min-width:768px) {
.picflex:after {
content: '';
flex-grow: 1;
display: inline-block;
min-width: 55%;
}
}
@media screen and (min-width:992px) {
.picflex:after {
content: '';
flex-grow: 1;
display: inline-block;
min-width: 70%;
}
.picflex .detailview .thumbMeta .metacolmn {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
-webkit-column-gap: 25px;
-moz-column-gap: 25px;
column-gap: 25px;
column-fill: auto;
margin: 0;
min-height: 375px;
}
}
.toggleView span {
display: inline-block;
cursor: pointer;
line-height: normal;
font-size: 21px;
padding: 1px 6px 0;
margin: 0;
min-height: 28px;
color: #B2B2B2;
}
.toggleView span i {
text-align: center;
margin-right: -2px;
}
.toggleView span.active {
color: #333;
}

1
public/css/m/google-gallery.min.css vendored Executable file
View File

File diff suppressed because one or more lines are too long

45
public/css/m/img_style.css Executable file
View File

@@ -0,0 +1,45 @@
@charset "utf-8";
/* CSS Document */
html, body { position: relative; height: 100%; }
body { background: rgba(0,0,0,0.9); font-family: Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 14px; color:#000; margin: 0; padding: 0; }
ul, li { list-style: none; padding: 0; margin: 0; }
.swiper-container { width: 100%; height: 300px; margin-left: auto; margin-right: auto; -webkit-transition:ease-out 0.2s; -moz-transition:ease-out 0.2s; -o-transition:ease-out 0.2s; transition:ease-out 0.2s; }
.swiper-slide { background-size: cover; background-position: center; }
.gallery-top { height: 100%; width: 100%; }
/*.gallery-top:after { content: ""; z-index: 99; background: rgba(0,0,0,0.7); position: absolute; left: 0; width: 100%; bottom: 0; height: 50px; }*/
.gallery-thumbs { height: 0; box-sizing: border-box; padding: 0; }
.gallery-thumbs .swiper-slide { width: 25%; height: 100%; opacity: 0.4; }
.gallery-thumbs .swiper-slide-active { opacity: 1; }
.swiper-button-white { background-color: rgba(0,0,0,0.7); margin-top: -35px; outline: none; }
.swiper-button-next, .swiper-container-rtl .swiper-button-prev { padding: 20px 0px 20px 40px; right: 0; border-radius: 50px 0 0 50px; }
.swiper-button-prev, .swiper-container-rtl .swiper-button-next { padding: 20px 40px 20px 0; left: 0; border-radius: 0 50px 50px 0; }
.sw_tit { padding: 20px; position: absolute; width: 100%; left: 0; bottom: 0; background: rgba(0,0,0,0.6); color: #fff; overflow: hidden; display: table; }
.sw_tit, .sw_tit * { box-sizing: border-box; }
.sw_tit > ul { display: table-cell; vertical-align: middle; }
.sw_tit > ul > li:nth-child(1) { -webkit-line-clamp:1; -webkit-box-orient:vertical; display:-webkit-box; text-overflow:ellipsis; overflow:hidden; font-size: 14px; }
.sw_tit > ul > li:nth-child(2) { font-size: 12px; padding-top: 5px; color: rgba(255,255,255,0.5); }
.swbtn1 { display: table-cell; vertical-align: middle; width: 80px; text-align: center; }
.swbtn1 a { display: inline-block; border: 1px solid #fff; color: #fff; font-size: 14px; line-height: 16px; padding: 6px 10px; border-radius: 15px; text-decoration: none; }
.swbtn1 a:after { font-family:xeicon; content: "\e945"; margin-left: 5px; }
.swbtn2 { display: table-cell; vertical-align: middle; width: 20px; text-align: right; }
.swbtn2 a { display: inline-block; font-size: 20px; line-height: 40px; color: #fff; padding-top: 4px; }
.sw_img { position: relative; top: 0; left: 0; width: 100%; height: 100%; }
.sw_img img { max-width: 100%; max-height: 300px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }
.photos.active .gallery-top { height: 85%; width: 100%; }
.photos.active .gallery-thumbs { height: 15%; padding: 10px 0; border-top: 1px solid rgba(255,255,255,0.2); }
.photos.active .swbtn1 a:after { font-family:xeicon; content: "\e942"; margin-left: 5px; }
.ph_back { display: block; position: fixed; top: 0; left: 0; padding: 15px; color: #fff; font-size: 20px; z-index: 999; }
.sw_set { display: none; z-index: 99; padding: 25px 35px; position: absolute; width: 100%; left: 0; bottom: 0; background: rgba(0,0,0,0.6); color: #fff; overflow: hidden; }
.sw_set, .sw_set * { box-sizing: border-box; }
.sw_set ul { display: table; width: 100%; }
.sw_set ul li { display: table-cell; width: 33.3333%; text-align: center; }
.sw_set ul li a { display: inline-block; color: #fff; font-size: 30px; line-height: 30px; }
.sw_set ul li:nth-child(1) { text-align: left; }
.sw_set ul li:nth-child(3) { text-align: right; }
.swiper-wrapper.set .sw_set { display: block; border-top: 1px solid rgba(255,255,255,0.18); }
.swiper-wrapper.set .sw_tit { bottom: 84px; }

2968
public/css/m/mobile.css Executable file
View File

File diff suppressed because it is too large Load Diff

2132
public/css/m/mobile_old.css Executable file
View File

File diff suppressed because it is too large Load Diff

418
public/css/m/smartphoto.css Executable file
View File

@@ -0,0 +1,418 @@
@keyframes smartphoto {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes smartphoto-img-wrap {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes smartphoto-inner {
from {
transform: translate(0, 100px);
}
to {
transform: translate(0, 0);
}
}
@keyframes smartphoto-loader {
0% {
opacity: .4;
transform: rotate(0deg);
}
50% {
opacity: 1;
transform: rotate(180deg);
}
100% {
opacity: .4;
transform: rotate(360deg);
}
}
@keyframes smartphoto-appear {
0% {
display: none;
opacity: 0;
}
1% {
display: block;
opacity: 0;
}
100% {
display: block;
opacity: 1;
}
}
@keyframes smartphoto-hide {
0% {
display: block;
opacity: 1;
}
99% {
display: block;
opacity: 0;
}
100% {
display: none;
opacity: 0;
}
}
.smartphoto {
position: fixed;
z-index: 100;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: black;
opacity: 1;
font-family: sans-serif;
cursor: pointer;
-webkit-transition: opacity 0.3s ease-out;
-moz-transition: opacity 0.3s ease-out;
-ms-transition: opacity 0.3s ease-out;
-o-transition: opacity 0.3s ease-out;
transition: opacity 0.3s ease-out;
transition: all 0.3s ease-out;
animation-name: smartphoto;
animation-duration: 0.3s;
animation-timing-function: ease-out;
}
.smartphoto[aria-hidden="true"] {
display: none;
}
.smartphoto-close {
opacity: 0;
}
.smartphoto-count {
display: inline-block;
color: #FFF;
font-size: 16px;
}
.smartphoto-header {
display: block;
box-sizing: border-box;
position: fixed;
z-index: 102;
top: 0;
left: 0;
width: 100%;
height: 50px;
padding: 15px;
background-color: rgba(0, 0, 0, 0.2);
}
.smartphoto-content {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.smartphoto-dismiss {
display: block;
position: absolute;
top: 15px;
right: 10px;
width: 20px;
height: 20px;
padding: 0;
border: none;
background-color: transparent;
background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0i44Os44Kk44Ok44O8XzEiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI4MzQuNjUgMjgzNC42NSIgZmlsbD0iI0ZGRiI+PHRpdGxlPmljb248L3RpdGxlPjxwYXRoIGQ9Ik0xNTc2LjQyLDE0MDYuNzYsMjc4NCwxOTkuMTlhNTYuODYsNTYuODYsMCwwLDAsMC04MC4xOGwtNzguOTItNzguOTJhNTYuODYsNTYuODYsMCwwLDAtODAuMTgsMEwxNDE3LjMyLDEyNDcuNjYsMjA5Ljc1LDQwLjA5YTU2Ljg2LDU2Ljg2LDAsMCwwLTgwLjE4LDBMNTAuNjUsMTE5YTU2Ljg2LDU2Ljg2LDAsMCwwLDAsODAuMThMMTI1OC4yMywxNDA2Ljc2LDUwLjY1LDI2MTQuMzRhNTYuODYsNTYuODYsMCwwLDAsMCw4MC4xOGw3OC45Miw3OC45MmE1Ni44Niw1Ni44NiwwLDAsMCw4MC4xOCwwTDE0MTcuMzIsMTU2NS44NiwyNjI0LjksMjc3My40NGE1Ni44Niw1Ni44NiwwLDAsMCw4MC4xOCwwbDc4LjkyLTc4LjkyYTU2Ljg2LDU2Ljg2LDAsMCwwLDAtODAuMThaIi8+PC9zdmc+);
text-shadow: 0 1px 0 #FFF;
color: #FFF;
font-size: 30px;
text-decoration: none;
cursor: pointer;
line-height: 1;
}
.smartphoto-body {
position: relative;
z-index: 102;
width: 100%;
height: 100%;
margin: 0 auto;
}
.smartphoto-inner {
position: relative;
width: 100%;
height: 100%;
vertical-align: top;
}
.smartphoto-img {
display: none;
max-width: none;
width: auto;
height: auto;
cursor: zoom-in;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
transition: transform 0.3s ease-out;
-webkit-user-drag: none;
}
.smartphoto-img.active {
display: block;
}
.smartphoto-img-onmove {
cursor: grab;
cursor: -webkit-grab;
transition: none;
}
.smartphoto-img-elasticmove {
transition: transform 0.3s ease-out;
}
.smartphoto-img-wrap {
display: inline-block;
opacity: 1;
-webkit-transition: opacity 0.3s ease-out;
-moz-transition: opacity 0.3s ease-out;
-ms-transition: opacity 0.3s ease-out;
-o-transition: opacity 0.3s ease-out;
transition: opacity 0.3s ease-out;
animation-name: smartphoto-img-wrap;
animation-duration: 0.3s;
animation-timing-function: ease-out;
}
.smartphoto-img-left {
transform: translateX(150%) !important;
}
.smartphoto-img-right {
transform: translateX(-150%) !important;
}
.smartphoto-arrows {
list-style-type: none;
margin: 0;
padding: 0;
position: relative;
z-index: 1002;
top: 50%;
left: 0;
opacity: 1;
animation-name: smartphoto-appear;
animation-duration: 0.3s;
animation-timing-function: ease-out;
}
.smartphoto-arrows[aria-hidden="true"] {
animation-name: smartphoto-hide;
display: none;
}
.smartphoto-arrows li {
display: block;
position: absolute;
top: 50%;
width: 30px;
height: 30px;
animation-duration: 0.3s;
animation-timing-function: ease-out;
animation-name: smartphoto-appear;
}
.smartphoto-arrows li:focus {
outline: none;
}
.smartphoto-arrows [aria-hidden="true"] {
animation-name: smartphoto-hide;
display: none;
}
.smartphoto-arrows a {
display: block;
width: 100%;
height: 100%;
text-decoration: none;
}
.smartphoto-arrow-right {
right: 0;
background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0i44Os44Kk44Ok44O8XzEiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI4MzQuNjUgMjgzNC42NSIgZmlsbD0iI0ZGRiAiPjx0aXRsZT5pY29uPC90aXRsZT48cGF0aCBkPSJNMTgzNy44OCwxNDE3LjMyLDY0My41OSwyMjNhNzIuMjEsNzIuMjEsMCwwLDEsMC0xMDEuODJMNzQzLjgyLDIxYTcyLjIxLDcyLjIxLDAsMCwxLDEwMS44MiwwTDIwOTAuODMsMTI2Ni4xOWwxMDAuMjMsMTAwLjIzYTcyLjIxLDcyLjIxLDAsMCwxLDAsMTAxLjgyTDg0NS42NCwyODEzLjY1YTcyLjIxLDcyLjIxLDAsMCwxLTEwMS44MiwwTDY0My41OSwyNzEzLjQyYTcyLjIxLDcyLjIxLDAsMCwxLDAtMTAxLjgyWiIvPjwvc3ZnPg==);
}
.smartphoto-arrow-left {
left: 0;
background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0i44Os44Kk44Ok44O8XzEiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI4MzQuNjUgMjgzNC42NSIgZmlsbD0iI0ZGRiI+PHRpdGxlPmljb248L3RpdGxlPjxwYXRoIGQ9Ik05OTYuNzcsMTQxNy4zMiwyMTkxLjA2LDIyM2E3Mi4yMSw3Mi4yMSwwLDAsMCwwLTEwMS44MkwyMDkwLjgzLDIxQTcyLjIxLDcyLjIxLDAsMCwwLDE5ODksMjFMNzQzLjgyLDEyNjYuMTksNjQzLjU5LDEzNjYuNDJhNzIuMjEsNzIuMjEsMCwwLDAsMCwxMDEuODJMMTk4OSwyODEzLjY1YTcyLjIxLDcyLjIxLDAsMCwwLDEwMS44MiwwbDEwMC4yMy0xMDAuMjNhNzIuMjEsNzIuMjEsMCwwLDAsMC0xMDEuODJaIi8+PC9zdmc+);
}
.smartphoto-nav {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
opacity: 1;
animation-name: smartphoto-appear;
animation-duration: 0.3s;
animation-timing-function: ease-out;
}
.smartphoto-nav[aria-hidden="true"] {
animation-name: smartphoto-hide;
display: none;
}
.smartphoto-nav ul {
display: block;
overflow-x: scroll;
list-style: none;
margin: 0;
padding: 0;
text-align: center;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
}
.smartphoto-nav li {
display: inline-block;
overflow: hidden;
width: 50px;
height: 50px;
}
.smartphoto-nav a {
display: block;
width: 100%;
height: 100%;
background-color: #FFF;
background-position: center center;
background-size: cover;
opacity: .5;
}
.smartphoto-nav a:focus {
opacity: .8;
}
.smartphoto-nav a.current {
opacity: 1;
}
.smartphoto-nav img {
width: auto;
height: 100%;
}
.smartphoto-list {
list-style-type: none;
position: absolute;
z-index: 101;
top: 0;
left: 0;
margin: 0;
padding: 0;
white-space: nowrap;
}
.smartphoto-list li {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
transition: all 0.3s ease-out;
}
.smartphoto-list li:focus {
outline: none;
}
.smartphoto-list-onmove {
transition: all 0.3s ease-out;
}
.smartphoto-caption {
overflow: hidden;
box-sizing: border-box;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 50px;
padding: 0 50px;
color: #FFF;
font-size: 12px;
text-align: center;
line-height: 50px;
white-space: nowrap;
text-overflow: ellipsis;
}
.smartphoto-caption:focus {
outline: none;
}
.smartphoto-loader-wrap {
display: block;
position: relative;
z-index: 103;
width: 0;
height: 0;
transform: translate(50vw, 50vh);
}
.smartphoto-loader {
position: absolute;
z-index: 101;
top: 0;
left: 0;
width: 30px;
height: 30px;
margin-top: -25px;
margin-left: -25px;
border: 8px solid #17CDDD;
border-right-color: transparent;
border-radius: 50%;
animation: smartphoto-loader .5s infinite linear;
}
.smartphoto-img-clone {
position: fixed;
z-index: 100;
top: 0;
left: 0;
transition: all 0.3s ease-out;
}
.smartphoto-sr-only {
overflow: hidden;
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
border: 0;
clip: rect(0, 0, 0, 0);
}

15
public/css/m/swiper.min.css vendored Executable file
View File

File diff suppressed because one or more lines are too long

5
public/css/m/xeicon.min.css vendored Executable file
View File

File diff suppressed because one or more lines are too long

1546
public/css/main.css Executable file
View File

File diff suppressed because it is too large Load Diff

419
public/css/main_new.css Executable file
View File

@@ -0,0 +1,419 @@
/*reset*/
html{font-size: 16px; color: #333;}
body{background: #f2f4f7; font-size: 1rem;}
/* IR 효과 */
.ir_pm {display:block; overflow:hidden; font-size:0; line-height:0; text-indent:-9999px;} /* 의미있는 이미지의 대체 텍스트를 제공하는 경우(Phark Method) */
.ir_wa {display:block; overflow:hidden; position:relative; z-index:-1; width:100%; height: 100%;} /* 의미있는 이미지의 대체 텍스트로 이미지가 없어도 대체 텍스트를 보여주고자 할 때(WA IR) */
.ir_so {overflow: hidden; position:absolute; width:0; height:0; line-height:0; text-indent:-9999px;} /* 대체 텍스트가 아닌 접근성을 위한 숨김 텍스트를 제공할 때 */
/* clearfix */
.clearfix{*zoom:1;}
.clearfix:before, .clearfix:after {display: block; content: '';line-height: 0;}
.clearfix:after {clear: both;}
a:hover{color: #2abcb8;}
h1, h2, h3, h4, h5{font-size: 1rem; font-weight: 700; color: #333;}
.main-container a:hover{color: #26bcb7;}
.site-head{ background: #fff;}
.util{background: #f2f4f7}
.section1{}
/* news */
.newsbox1{width: 43.5rem; background: #fff; border: 1px solid #dee3eb; height: 33.625rem; float: left;}
.newsbox1 .tit{height: 3.0625rem; line-height:3.0625rem; border-bottom: 1px solid #ebeef3;}
.newsbox1 .tit h3{font-size: 1rem; font-weight: 700; padding-left: 1.25rem; letter-spacing: -0.06rem;}
.p_num{ position: absolute; right: 6.75rem; top: 0; font-size: 0.8125rem; ‬}
.arrobox{position: absolute; right: 0; top: 0;}
.arrobox li{float: left; border-left: 1px solid #ebeef3; height: 3.0625rem;}
.arrobox li a{color: #6b6c6e; display: block; transition: all .3s; width: 2.75rem; height: 3.0625rem;}
.arrobox li a:hover{background: #f2f4f7;}
.l_arr a:before{content: ''; display: block; background:url(../images/l_arrimg.png) no-repeat center / 12px 20px; width: 2.75rem; height: 3.0625rem;}
.r_arr a:before{content: ''; display: block; background:url(../images/r_arrimg.png) no-repeat center / 12px 20px; width: 2.75rem; height: 3.0625rem;}
.newsbox1 .group_news{ padding: 1.25rem; padding-bottom: 0; }
.newsbox1 .group_news .container2{border-bottom: 1px solid #ebeef3; }
.newsbox1 .group_news .bn{border-bottom: 0 none;}
.newsbox1 .group_news .box_sector{width: 13.25rem; float: left; padding-top: 0.25rem; }
.newsbox1 .group_news .box_sector a{display: block;}
.newsbox1 .group_news .box_sector a .thumb{display: block; width: 13.25rem; height:7.8125rem ; box-sizing: border-box; margin-bottom:1rem; background: #f2f4f7; border: 1px solid #dee3eb }
.newsbox1 .group_news .box_sector a .thumb img{width: 100%; height: 100%; }
.newsbox1 .group_news .box_sector a:hover .thumb img{width: 100%; opacity: 0.8; }
.newsbox1 .group_news .box_sector a strong{ display: block; font-size:0.9375rem; font-weight: 400; line-height: 1.4rem; letter-spacing:-0.08rem; word-break: keep-all; padding-left:0.3125rem; }
.newsbox1 .group_news .news_list{ float: left; padding-left: 40px;}
.newsbox1 .group_news .news_list ul{}
.newsbox1 .group_news .news_list li{
margin-bottom: 1.4375rem;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.newsbox1 .group_news .news_list li a{ font-weight: 700; color: #333; letter-spacing: -0.06rem; }
.newsbox1 .group_news .news_list li a:hover{color: #27c9c3}
.right_box1{float: right; width: 28.375rem; }
.right_box1 .dailyqtbox{ border: 1px solid #dee3eb; background: #fff; height:19.6875rem; box-sizing: border-box; margin-bottom: 0.625rem;}
.right_box1 .dailyqtbox .tit{
position: relative;
height: 3.0625rem;
line-height: 3.0625rem;
border-bottom: 1px solid #ebeef3;
}
.more_btn_new a{display: block; position: absolute; right: 0; top: 0; width: 2.75rem; height:3.0625rem; border-left: 1px solid #ebeef3; transition: all .3s; }
.more_btn_new a:before{content: ''; display: block; background:url(../images/more_btn.png) no-repeat center / 18px 18px; width: 2.75rem; height:3.0625rem; }
.more_btn_new a:hover{ background: #f2f4f7}
.dailyqtboxin{ padding: 1.25rem;}
.dailyqtboxin .imgbox{}
.dailyqtboxin .imgbox a{display: block; background: #f2f4f7; position: relative; height: 14.1875rem; box-sizing: border-box; border: 1px solid #dee3eb;}
.dailyqtboxin .imgbox a:after{content: ''; position:absolute; background:linear-gradient(360deg, rgba(0,0,0,.8), rgba(0,0,0,0)); width: 100%; height: 65px; left: 0; bottom: 0;}
.dailyqtboxin .imgbox a img{opacity: 1; transition: all .3s; width: 100%; height: 100%;}
.dailyqtboxin .imgbox a:hover img{opacity: 0.8;}
.dailyqtboxin .imgbox a strong{ position: absolute; left: 50%; bottom: 1.25rem; color: #fff; transform: translateX(-50%); z-index: 3;}
.right_box1 .dailyqtbox .tit h3{font-size: 1rem; font-weight: 700; padding-left: 1.25rem; letter-spacing: -0.06rem;}
.right_box1 .Wordbox{ border: 1px solid #dee3eb; background: #fff; height: 13.1875rem;}
.right_box1 .Wordbox .tit{
position: relative;
height: 3.0625rem;
line-height: 3.0625rem;
border-bottom: 1px solid #ebeef3;
}
.right_box1 .Wordbox .tit h3{font-size: 1rem; font-weight: 700; padding-left: 1.25rem; letter-spacing: -0.06rem;}
.right_box1 .Wordbox .tit span{font-size: 0.8125rem; position: absolute; right: 1.25rem; top: 50%; transform: translateY(-50%); color: #666;}
.right_box1 .Wordbox p{
text-align: center; font-size: 0.9375rem; letter-spacing: -0.08rem; line-height: 1.5625rem; word-break: keep-all;
padding: 1.5625rem 1.5625rem 0 1.5625rem;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
word-break: keep-all;
}
.right_box1 .Wordbox .verse{font-size: 0.875rem; margin-top: 0.625rem;}
.section2{ margin-top: 0.625rem;}
.storybox{position: relative; width:43.5rem; height: 32rem; float: left; box-sizing: border-box; background: #fff; border: 1px solid #dee3eb;}
.storybox .tit{position: relative;
height: 3.0625rem;
line-height: 3.0625rem;
border-bottom: 1px solid #ebeef3;}
.menu_tab{float: left; padding-left: 1.25rem;}
.menu_tab li{float: left; font-size: 1rem; font-weight: 700; letter-spacing: -0.06rem;}
.menu_tab li a{position: relative; padding-left: 0.5rem; padding-right: 0.5rem; display: block; font-weight: 400;}
.menu_tab li.selected a{ color: #2abcb8; font-weight: 700;}
.menu_tab li.selected a:after{content: ''; position: absolute; left: 0; bottom: 0; height: 4px; width: 100%; background: #2abcb8}
.storybox .listbox{margin: 13px; overflow: hidden;}
.storybox .listbox ul li{float: left; margin: 5px; width: 212px;}
.storybox .listbox ul li .img{ background: #f2f4f7; height:125px; border: 1px solid #dee3eb; box-sizing: border-box; margin-bottom: 15px }
.storybox .listbox ul li .img img{width: 100%; height: 100%;}
.storybox .listbox ul li p{
margin-bottom: 20px; padding: 0 5px; line-height: 1.4rem; letter-spacing: -0.06rem; font-size: 0.9375rem;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
word-break: keep-all;
}
.right_box2{float: right; width: 28.375rem; }
.ccmchart{float: left; width: ; box-sizing: border-box; background: #fff; border: 1px solid #dee3eb; height: 32rem; width: 15.875rem;}
.ccmchart .tit{position: relative;
height: 3.0625rem;
line-height: 3.0625rem;
border-bottom: 1px solid #ebeef3;}
.ccmchart .tit h3{font-size: 1rem; font-weight: 700; padding-left: 1.25rem;}
.ccmchart span{ font-size: 0.8125rem; position: absolute; right: 1.25rem; top: 50%; transform: translateY(-50%); color: #666;}
.ccmchart .chart_list li{border-bottom: 1px solid #ebeef3; }
.ccmchart .chart_list li a{display: block; position: relative; padding: 20px 0; transition: all 0.3s;}
.ccmchart .chart_list li a:hover{background: #f2f4f7;}
.ccmchart .chart_list li a .num{display: block; position: absolute; left: 17px; top: 25px; color: #333; font-weight: 700; font-size: 0.875rem;}
.ccmchart .chart_list li a .img{margin-left: 40px; width: 42px; height: 42px; float: left; }
.ccmchart .chart_list li a .img img{width: 100%; height: 100%; display: block;}
.ccmchart .chart_list li a dl{ margin-left: 18px; float: left; width: 130px;}
.ccmchart .chart_list li a dt{font-size:0.8125rem; letter-spacing: -0.06rem; font-weight: 700; display: block; text-overflow: ellipsis;white-space: nowrap; overflow: hidden; padding-bottom: 5px; }
.ccmchart .chart_list li a dd{font-size:0.8125rem; color: #888888; letter-spacing: -0.06rem; }
.ccmchart .ccm_tab{}
.ccmchart .ccm_tab li{float: left; width: 50%; box-sizing: border-box; text-align: center;}
.ccmchart .ccm_tab li.selected a{ background: #f2f4f7}
.ccmchart .ccm_tab li a{display: block; height: 46px; line-height: 46px; font-size: 0.875rem; }
.right_box2 .banner{width: 11.9375rem; float: right;}
.section3{margin-top: 0.625rem;}
.tvbox{ box-sizing: border-box; background: #fff; border: 1px solid #dee3eb; position: relative; }
.tvbox .tit{position: relative;
height: 3.0625rem;
line-height: 3.0625rem;
border-bottom: 1px solid #ebeef3;}
.tvbox .tit h3{float: left; font-size: 1rem; font-weight: 700; padding-left: 1.25rem; letter-spacing: -0.06rem;}
.tvbox_in{ margin: 20px; overflow: hidden;}
.tvbox .l_img{ width:443px; float: left; position: relative; margin-right: 5px; }
.tvbox .l_img a{display:block; height: 246px; border: 1px solid #dee3eb; background:#000; box-sizing: border-box; }
.tvbox .l_img a strong{
position: absolute; left: 20px; bottom:45px; width: 340px; color: #fff; font-weight: 700;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
word-break: keep-all;
font-size: 18px;
z-index: 100;
}
.tvbox .l_img a span{ position: absolute; left: 20px; bottom: 20px; color: #fff; font-size:0.8125rem; z-index: 101; }
.tvbox .l_img a:after{content: ''; width: 100%; height: 180px; position: absolute; left: 0; bottom: 0; background: linear-gradient(360deg, rgba(0,0,0,.8), rgba(0,0,0,0));}
.tvbox .l_img a img{width: 100%; height: 100%; display: block;}
.tv_list{float: left;}
.tv_list li{float: left; margin: 0 5px; width: 213px;}
.tv_list li a{display: block; position: relative;}
.tv_list li a:hover span{color: #666;}
.tv_list li .img{ height: 130px; border: 1px solid #dee3eb ; box-sizing: border-box; background: #f2f4f7; margin-bottom: 12px; }
.tv_list li .img img{width: 100%; height: 100%;}
.tv_list li strong{
height: 38px;
padding-left: 5px;
font-weight: 400;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
word-break: keep-all;
font-size: 0.9375rem;
}
.tv_list li ul.info{ padding-top: 10px; padding-left: 5px;}
.tv_list li ul.info li {float: none; font-size: 0.8125rem; color: #666; letter-spacing: -0.06rem; margin: 0; padding-bottom: 5px;}
.newsbox1 .swiper-button-prev1 {
color: #888;
font-family: 'FontAwesome';
background: none;
font-size: 35px;
position: absolute;
right: 44px;
top: 0px;
width: 44px;
height: 49px;
line-height: 49px;
text-align: center;
border: 1px solid #ebeef3;
border-bottom: 0 none;
border-top: 0 none;
border-right: 0 none;
z-index: 100;
}
.newsbox1 .swiper-button-next1 {
color: #888;
font-family: 'FontAwesome';
background: none;
font-size: 35px;
position: absolute;
right: 0px;
top: 0px;
width: 44px;
height: 49px;
line-height: 50px;
text-align: center;
border: 1px solid #ebeef3;
z-index: 100;
border-bottom: 0 none;
border-top: 0 none;
border-right: 0 none;
}
.swiper-button-prev1.swiper-button-disabled , .swiper-button-next1.swiper-button-disabled {
opacity: 0.35;
cursor: auto;
pointer-events: none;
}
.storybox .swiper-button-prev2{
color: #888;
font-family: 'FontAwesome';
background: none;
font-size: 35px;
position: absolute;
right: 44px;
top: 0px;
width: 44px;
height: 49px;
line-height: 49px;
text-align: center;
border: 1px solid #ebeef3;
border-bottom: 0 none;
border-top: 0 none;
border-right: 0 none;
z-index: 100;
}
.storybox .swiper-button-next2 {
color: #888;
font-family: 'FontAwesome';
background: none;
font-size: 35px;
position: absolute;
right: 0px;
top: 0px;
width: 44px;
height: 49px;
line-height: 50px;
text-align: center;
border: 1px solid #ebeef3;
z-index: 100;
border-bottom: 0 none;
border-top: 0 none;
border-right: 0 none;
}
.tvbox .swiper-button-prev3{
color: #888;
font-family: 'FontAwesome';
background: none;
font-size: 35px;
position: absolute;
right: 44px;
top: 0px;
width: 44px;
height: 49px;
line-height: 49px;
text-align: center;
border: 1px solid #ebeef3;
border-bottom: 0 none;
border-top: 0 none;
border-right: 0 none;
z-index: 100;
}
.tvbox .swiper-button-next3 {
color: #888;
font-family: 'FontAwesome';
background: none;
font-size: 35px;
position: absolute;
right: 0px;
top: 0px;
width: 44px;
height: 49px;
line-height: 50px;
text-align: center;
border: 1px solid #ebeef3;
z-index: 100;
border-bottom: 0 none;
border-top: 0 none;
border-right: 0 none;
}
@media (max-width:1290px){
.newsbox1,.storybox{width: 60%;}
.right_box1,.right_box2{width: 39%;}
.storybox .listbox ul li{width: 30%; margin: 1.6%;}
.ccmchart{width: 100%;}
.newsbox1 .group_news .news_list{padding-left: 20px; width: 55%;}
.newsbox1 .group_news .news_list li a{font-size: 15px;}
.right_box2 .banner{display: none;}
.ccmchart .chart_list li a dl{width: 70%}
.newsbox1, .storybox{overflow: hidden;}
}
@media (max-width:1200px){
.tvbox .l_img{width: 100%; float: none; clear: both;}
.tvbox .l_img a{width: 100%; height: 400px;}
.tv_list{float: none; clear: both; margin-top: 0.5%;}
.tv_list li{width: 33%; margin: 0; margin-right:0.5%;}
.tv_list li:nth-child(3){ margin: 0;}
}
@media (max-width:900px){
.newsbox1{float: none; width: 100%;}
.right_box1{clear: both; float: none; width: 100%; margin-top: 10px;}
.newsbox1 .group_news .news_list li a{font-size: 16px;}
.newsbox1 .group_news .news_list{padding-left: 40px;}
.dailyqtboxin .imgbox a{
height: 24.1875rem;
}
.right_box1 .dailyqtbox{height: auto;}
.right_box1 .Wordbox{height: auto; padding-bottom: 30px;}
.right_box2{width: 100%; clear: both; float: none; margin-top: 10px;}
.storybox{width: 100%; float: none; clear: both;}
}
@media (max-width:768px){
.newsbox1 .group_news{padding: 15px; padding-bottom: 0;}
.newsbox1 .group_news .box_sector{width: 100%;}
.newsbox1 .group_news .box_sector a .thumb{height: 170px; width: 100%;}
.newsbox1 .group_news .news_list{padding-left: 0; width: 100%}
.newsbox1{height: 34.5rem;}
.newsbox1 .tit h3{font-size: 1.125rem; padding-left: 15px;}
.newsbox1 .group_news .box_sector a strong{padding-left: 0; padding-bottom: 24px; border-bottom: 1px solid #ddd; margin-bottom: 24px; font-size: 16px;}
.newsbox1 .group_news .news_list li{ margin-bottom: 1.1rem;}
.newsbox1 .group_news .container2{border-bottom: 0 none;}
.dailyqtboxin{padding: 15px;}
.dailyqtboxin .imgbox a{height: 200px}
.right_box1 .dailyqtbox .tit h3{font-size: 1.125rem; padding-left: 15px;}
.right_box1 .Wordbox .tit h3{font-size: 1.125rem; padding-left: 15px;}
.storybox .listbox ul li{width: 46.8%}
.storybox .listbox ul li .img{height: 110px; margin-bottom: 10px;}
.storybox{height: 40rem;}
.r_arr a:before{background:url(../images/r_arrimg.png) no-repeat center / 8px}
.l_arr a:before{background:url(../images/l_arrimg.png) no-repeat center / 8px}
.more_btn_new a:before{background:url(../images/more_btn.png) no-repeat center / 12px}
.menu_tab{ padding-left: 15px;}
.ccmchart .tit h3{font-size: 18px; padding-left: 15px;}
.storybox .listbox ul li p{margin-bottom: 15px;}
.ccmchart .chart_list li a dt{font-size: 16px; font-weight: 400;}
.tvbox .tit h3{display: none;}
.tvbox_in{margin: 15px;}
.tvbox .l_img{ margin-right: 0; float: none; clear: both;}
.tvbox .l_img a strong{width: 280px;}
.tvbox .l_img a{width: 100%; height: 200px;}
.tvbox .l_img a strong{bottom: 35px;}
.tvbox .l_img a span{bottom: 15px;}
.menu_tab li a{font-size: 18px;}
.tv_list li{ margin: 0; margin-right: 1%; width: 49.5%; margin-top: 1%;}
.tv_list li a{width: 100%;}
.tv_list li:nth-child(2){margin-right: 0;}
.tv_list li:nth-child(3){display: none;}
.tv_list li .img{height: 100px;}
.tv_list li ul.info{top: 160px;}
.tv_list li ul.info li{padding-bottom: 3%; width: 100%;}
}

1188
public/css/section.css Executable file
View File

File diff suppressed because it is too large Load Diff

120
public/css/slick.css Executable file
View File

@@ -0,0 +1,120 @@
/* Slider */
.slick-slider
{
position: relative;
display: block;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
position:relative;
outline:none;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}

354
public/css/swiper.css Executable file
View File

@@ -0,0 +1,354 @@
/**
* Swiper 4.5.0
* Most modern mobile touch slider and framework with hardware accelerated transitions
* http://www.idangero.us/swiper/
**/
.swiper-container {
width: 100%;
height: 100%;
margin: 0 auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1;
}
.swiper-container-no-flexbox .swiper-slide {
float: left;
}
.swiper-container-vertical > .swiper-wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
transition-property: transform;
box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
transition-timing-function: ease-out;
margin: 0 auto;
}
.swiper-slide {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
transition-property: transform;
z-index: 5;
}
.swiper-slide-invisible-blank {
visibility: hidden;
}
/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
transition-property: height, -webkit-transform;
transition-property: transform, height;
}
/* IE10 Windows Phone 8 Fixes */
.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal > .swiper-wrapper {
-ms-touch-action: pan-y;
touch-action: pan-y;
}
.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical > .swiper-wrapper {
-ms-touch-action: pan-x;
touch-action: pan-x;
}
.swiper-button-prev,
.swiper-button-next {
position: absolute;
top: 50%;
width: 27px;
height: 44px;
margin-top: -22px;
z-index: 10;
cursor: pointer;
background-size: 27px 44px;
background-position: center;
background-repeat: no-repeat;
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
opacity: 0.35;
cursor: auto;
pointer-events: none;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
left: 16px;
right: auto;
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
right: 16px;
left: auto;
}
.swiper-button-lock {
display: none;
}
.swiper-button-prev2.swiper-button-disabled,
.swiper-button-next2.swiper-button-disabled {
opacity: 0.35;
cursor: auto;
pointer-events: none;
}
.swiper-button-prev3.swiper-button-disabled,
.swiper-button-next3.swiper-button-disabled {
opacity: 0.35;
cursor: auto;
pointer-events: none;
}
.swiper-button-prev4,
.swiper-button-next4 {
position: absolute;
top: 50%;
width: 27px;
height: 44px;
margin-top: -22px;
z-index: 10;
cursor: pointer;
background-size: 27px 44px;
background-position: center;
background-repeat: no-repeat;
}
.swiper-button-prev4.swiper-button-disabled,
.swiper-button-next4.swiper-button-disabled {
opacity: 0.35;
cursor: auto;
pointer-events: none;
}
.swiper-button-prev4,
.swiper-container-rtl .swiper-button-next4 {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
left: 16px;
right: auto;
}
.swiper-button-next4,
.swiper-container-rtl .swiper-button-prev4 {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
right: 16px;
left: auto;
}
.swiper-button-prev5,
.swiper-button-next5 {
position: absolute;
top: 50%;
width: 27px;
height: 44px;
margin-top: -22px;
z-index: 10;
cursor: pointer;
background-size: 27px 44px;
background-position: center;
background-repeat: no-repeat;
}
.swiper-button-prev5.swiper-button-disabled,
.swiper-button-next5.swiper-button-disabled {
opacity: 0.35;
cursor: auto;
pointer-events: none;
}
.swiper-button-prev5,
.swiper-container-rtl .swiper-button-next5 {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
left: 16px;
right: auto;
}
.swiper-button-next5,
.swiper-container-rtl .swiper-button-prev5 {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
right: 16px;
left: auto;
}
.swiper-button-prev6,
.swiper-button-next6 {
position: absolute;
top: 50%;
width: 27px;
height: 44px;
margin-top: -22px;
z-index: 10;
cursor: pointer;
background-size: 27px 44px;
background-position: center;
background-repeat: no-repeat;
}
.swiper-button-prev6.swiper-button-disabled,
.swiper-button-next6.swiper-button-disabled {
opacity: 0.35;
cursor: auto;
pointer-events: none;
}
.swiper-button-prev6,
.swiper-container-rtl .swiper-button-next6 {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
left: 16px;
right: auto;
}
.swiper-button-next6,
.swiper-container-rtl .swiper-button-prev6 {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
right: 16px;
left: auto;
}
.swiper-button-prev7,
.swiper-button-next7 {
position: absolute;
top: 50%;
width: 27px;
height: 44px;
margin-top: -22px;
z-index: 10;
cursor: pointer;
background-size: 27px 44px;
background-position: center;
background-repeat: no-repeat;
}
.swiper-button-prev7.swiper-button-disabled,
.swiper-button-next7.swiper-button-disabled {
opacity: 0.35;
cursor: auto;
pointer-events: none;
}
.swiper-button-prev7,
.swiper-container-rtl .swiper-button-next7 {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
left: 16px;
right: auto;
}
.swiper-button-next7,
.swiper-container-rtl .swiper-button-prev7 {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
right: 16px;
left: auto;
}
.swiper-pagination {
position: absolute;
text-align: center;
transition: 300ms opacity;
transform: translate3d(0, 0, 0);
z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
bottom: 10px;
left: 0;
width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transform: scale(0.33);
position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
transform: scale(0.33);
}
.swiper-pagination-bullet {
width: 14px;
height: 14px;
display: inline-block;
border-radius: 100%;
background: #ccc;
opacity: 0.2;
}
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer;
}
.swiper-pagination-bullet-active {
opacity: 1;
background: #26bcb7;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 4px;
}

258
public/css/web/channel.css Executable file
View File

@@ -0,0 +1,258 @@
.art-img{width:100%;}
.channel_header{position:relative;}
.channel_header .wrap_cover {width: 100%;top: 0;position: relative; max-height: none!important;}
.channel_header .wrap_channel{width: 100%; margin: 0 auto;display: block;height: 145px;position: absolute;bottom: 165px;}
.channel_header .wrap{width:100%; height: 47px; line-height: 47px; position: relative;}
.channel_header .cover_inner {display: block;background-color: #000;opacity: 0.4;height: 100%;position: absolute;top: 0;left: 0;width: 100%;}
.art-img{width:100%;}
.cover_image{background: url(/img/web/img_channel.jpg) no-repeat left top; display: block;background-size: cover;height:310px;background-position: 50% 50%;}
.cover_image2{background: url(/img/web/img_channel2.jpg) no-repeat left top; display: block;background-size: cover;height:439px;background-position: 50% 50%;}
.cover_cell{position: absolute;top: 120px;margin: 0 auto;color: #fff;width: 100%;text-align: center;}
.cover_cell a{color:#fff;}
.chtit{font-size:33px; margin-top: 20px;font-family: 나눔명조,Nanum Myeongjo,georgia,돋움; font-weight: normal;}
.chtit a{color:#fff;}
.chtxt{font-size:13px; color:#04b9c2; padding-top: 10px;}
.cover_profile{position: absolute; top:265px; margin:0 auto; width:100%; text-align: center;}
.cover_profile img{border-radius: 88px}
.cover_profile2{position: absolute; top:275px; margin:0 auto; width:100%; text-align: center;}
.cover_profile2 img{border-radius: 65px}
.cover_star{position:absolute; top:250px; right:50px;}
.title_profile {
width: 39px;
height: 39px;
margin-right: 12px;
display: inline-block;
vertical-align: top;
}
.title_profile img{border-radius: 39px}
.titlewrap{ height: 40px;
line-height: 40px;
/* vertical-align: middle; */
margin-top: 16px;}
.cover_social{position: absolute; top:380px; margin:0 auto; width:100%; text-align: center;z-index: 9999;}
.cover_social a{padding:0 5px;}
.channel_boxs .channel_con{margin: 0 0.5%;width: 23.8%;border:1px solid #ececec; border-radius: 5px; background: #fff;-webkit-box-shadow: 3px 3px 5px 0px rgba(235,235,235,1);
-moz-box-shadow: 3px 3px 5px 0px rgba(235,235,235,1);box-shadow: 3px 3px 5px 0px rgba(235,235,235,1);float:left; display: block;margin-bottom: 35px;}
.channel_boxs .channel_con:last-child{margin-right:0 !important;}
.channel_boxs .channel_con img{border-radius: 5px 5px 0 0;}
.chtitle{font-size:17px; padding:20px; line-height: 28px; height: 80px !important;}
.chtitle a{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
word-break: keep-all;
}
.chtitle a:hover{color:#2bbec6;}
.chtitle2{font-size:22px; padding:20px; line-height: 30px;}
.chtitle2 a{color:#383737; }
.chtitle2 a:hover{color:#2bbec6;}
.chtitle .c_name a{display: inline; font-size:13px; color:#a5a5a5}
.channel_boxs{ display: block;
clear: both;
overflow: hidden;
width: 100%; margin-bottom: 20px; }
.channel_contents{background: #fbfcfd;overflow: hidden; width:100%; }
.channel_contents .wrap{overflow: hidden;padding-top: 30px;width: 1300px; margin:0 auto;}
.channel_contents2{background: #fbfcfd;overflow: hidden; width:100%; padding-top:25px;}
.channel_contents2 .wrap{width:730px; margin:0 auto;overflow: hidden;}
.channel_contents3{background: #fbfcfd;overflow: hidden; width:100%; }
.channel_contents3 .channel_boxs .bk_con img{border-radius: 5px;}
.channel_contents3 .wrap{width:750px; margin:0 auto;overflow: hidden;padding-top:30px;}
.channel_contents4{background: #fbfcfd;overflow: hidden; width:100%;padding-top:30px;}
.channel_contents4 .wrap{width:970px; margin:0 auto;overflow: hidden;}
.channel_con a:hover{color:#2bbec6;}
.channel_top{width: 100%;
clear: both;
padding-bottom: 15px;
line-height: 50px;
margin-bottom: 30px;
font-size: 17px;
overflow:hidden;
display: block;}
.channel_top .art_no{padding-left:300px;}
.channel_top .art_bt{padding-right:300px;}
.channel_bottom{
margin-bottom: 30px;
background: rgba(0, 0, 0, 0) url(/img/web/bg_row.gif) repeat-x scroll 50% 50%;
clear: both;
display: block;
height: 40px;
overflow: hidden;
/* padding: 40px 0; */
position: relative;}
.channel_bottom button{position: absolute;
width: 9%;
margin-left: 45.5%; height:40px;
}
.channel_bottom2{
margin-bottom: 10px;
background: rgba(0, 0, 0, 0) url(/img/web/bg_row.gif) repeat-x scroll 50% 50%;
clear: both;
display: block;
height: 40px;
overflow: hidden;
padding: 20px 0;
position: relative;width:100%; }
.channel_bottom2 button{ position: absolute;
width: 14%;
margin-left: 43%;
height: 40px;
}
.channel_bottom3{
margin-bottom: 10px;
background: rgba(0, 0, 0, 0) url(/img/web/bg_row.gif) repeat-x scroll 50% 50%;
clear: both;
display: block;
height: 40px;
overflow: hidden;
position: relative;width:100%; }
.channel_bottom3 button{ position: absolute;
width: 14%;
margin-left: 43%;
height: 40px;
}
#life .channel_boxs .channel_con {
margin: 0 1%;
width: 31.4%;
border: 1px solid #ececec;
border-radius: 5px;
background: #fff;
-webkit-box-shadow: 3px 3px 5px 0px rgba(235,235,235,1);
-moz-box-shadow: 3px 3px 5px 0px rgba(235,235,235,1);
box-shadow: 3px 3px 5px 0px rgba(235,235,235,1);
float: left;
display: block;
margin-bottom: 30px;
}
.cover_top{position: absolute; top:0; left:0; width:100%;}
.cover_top .channel_logo{position: absolute; left:30px; top:30px; z-index: 9999;}
.channel_logo2{position: absolute; left:30px; top:13px; width:32px; float:left;}
.channel_search{position: absolute; right:90px; top:27px; z-index: 9999;}
.channel_menu{position: absolute; right:30px; top:30px; z-index: 9997;}
.channel_search2{position: absolute; right:90px; top:11px;}
.channel_menu2{position: absolute; right:30px; top:13px;}
.channel_title{color:#dedede; font-size:17px; position: absolute; top:32px; left:100px; z-index:9999;}
.channel_title a{color:#dedede; font-size:17px; }
.channel_title2{color:#5a5a5a; font-size:17px; position: absolute; top:0; left:76px;}
.channel_tit{font-size:19px; text-align: center; width:100%; margin-bottom: 30px;}
.chdate{color:#cacaca; font-size:13px; padding-left:10px; padding-top: 5px;display: inline-block;}
.channel_cont .channel_photo{float:left; margin-right: 20px;}
.chname{font-size:13px; padding-left:10px; }
.channel_cont .like{font-weight: bold;padding-left: 4px;}
.chname a{color:#ccc; }
.cheditor{padding-top:20px;}
.cheditor a{font-size:16px;}
.channel_cont{border-bottom:1px solid #ebeef3; overflow:hidden; display: block; padding: 20px 0;width:100%;}
.channel_cont:first-child{padding-top:0 !important;}
.channel_detail_box{ width:100%; overflow:hidden;display: block; margin:20px 0; line-height: 20px;}
.channel_detail{width:50%;}
.channel_profile {float:left; margin-right: 20px; padding-left: 1%; }
.channel_profile img{border-radius: 50px;}
.delivery{padding-right:20px;}
.delivery_top{padding-top:15px;}
.chinfo{font-size: 16px;}
.channel_category{overflow:hidden; display: block; width:100%; margin-bottom: 30px;padding-bottom: 20px;}
.channel_category a{font-size:17px; color:#a7a7a7;}
.channel_category .current{color:#2bbec6;}
.channel_category a:hover{color:#2bbec6;}
.channel_category li{padding-right: 30px;float: left;padding-bottom: 10px;}
.channel_category li:last-child{padding-right:0 !important;}
.channel_boxs .bk_con{position: relative; width:173px; float:left; font-size:17px; margin-right:19px;}
.channel_boxs .bk_con:last-child{margin-right:0 !important;}
.channel_boxs .bk_con .chn_tit{text-align: center; position: absolute; top:70px; color:#fff; width:100%; line-height: 28px; z-index:2;}
.channel_boxs .bk_con .chn_tit a{color:#fff;}
.channel_boxs .bk_con .chn_bar img{ position: absolute;
top: 145px;
margin: 0 auto;
width: 100%;
height: 1px;
width: 15%;
text-align: center;
/* left: 15%; */
z-index: 2;
display: block;
margin-left: 42.5%;}
.channel_boxs .chn_reply{position: absolute;top:165px; margin:0 auto;width:100%; text-align: center; color:#fff; z-index:2;}
.channel_boxs .shadow { border-radius: 5px;
clear: both;
width: 100%;
height: 100%;
display: block;
position: absolute;
bottom: 0;
left: 0;
z-index: 1;
background-color: #000;
opacity: 0.3;
}
.c_title{font-size:20px; padding-bottom:10px;color:#2bbec6;}
.checkno{color:#a5a5a5; font-size:12px; padding-top: 3px;}
.srch2{ position: absolute;
top: 20px;
right: 85px; z-index: 999;
background: #fff; border-radius: 40px;}
.srch2 span {
display: inline-block;
height: 40px;
line-height: 40px;
overflow: hidden;
padding: 0 0 0 10px;
vertical-align: middle;
width: 494px;
padding-left: 30px;
}
.srch2 img {
float: right;
padding: 6px 20px 0;
}
.srch2 span input {
border: 0 none;
float: left;
height: 40px;
line-height: 40px;
width: 420px;
font-size: 14px;
}
.srch3{ position: absolute;
top: 8px;
right: 85px;
z-index: 999;
background: #fff;
border-radius: 20px;
border: 1px solid #2bbec6;
height: 30px;}
.srch3 span {
display: inline-block;
height: 30px;
line-height: 30px;
overflow: hidden;
padding: 0 0 0 10px;
width: 465px;
padding-left: 20px;
}
.srch3 img {
float: right;
padding: 3px 15px 0 0;
}
.srch3 span input {
border: 0 none;
float: left;
height: 40px;
line-height: 40px;
width: 420px;
font-size: 14px;
}

677
public/css/web/common.css Executable file
View File

@@ -0,0 +1,677 @@
@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700,800&display=swap');
@import url('https://fonts.googleapis.com/earlyaccess/nanummyeongjo.css');
body{-webkit-text-size-adjust:none;}
* {margin:0; padding:0;}
/* reset css ---------------------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small,
strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas,
details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
/* 제목요소 */
h1, h2, h3, h4, h5, h6 {font-size:100%; font-weight: normal;}
/* 테두리 없애기 */
fieldset, img, abbr,acronym {border: 0;}
/* 목록설정 */
ul, ul.li, ol, ol.li { list-style-type: none;}
/* 이미지설정 */
img {border: 0; vertical-align: top;}
/* 테이블 - 마크업에 'cellspacing="0"' 지정 */
table {border-collapse: collapse; border-spacing: 0; border: 0;}
th, td {vertical-align: middle;}
/* 텍스트 관련 요소 초기화 */
address, caption, em, cite {font-weight: normal; font-style: normal;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
textarea {font-size:12px;}
checked{color:#2bbec6;}
/* 기초설정*/
html, body {font-size:14px;font-family:'Nanum Gothic',"Apple SD Gothic Neo","AppleGothic","돋움", Dotum,"굴림", Gulim, Sans-serif; font-weight: 500; color:#4e4e4e; letter-spacing: -0.5px;}
html {overflow-y:scroll; min-height:100%;}/*세로스크롤*/
/* 링크설정 */
a,a:active {
color: #4e4e4e;
text-decoration: none;
}
a:hover {
text-decoration: none;
color: #9e9e9e;
}
table a:visited { color: #888; }
.clear {clear: both; }
form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
.block:after,.clearfix:after,.group:after {
content: "";
display: block;
height: 0;
clear:both;
visibility: hidden;
}
body { padding-bottom: 85px; }
html { position: relative; }
/* common */
.fr{float:right;}
.fl{float:left;}
.beachblue{color:#2bbec6;}
.beachblue a{color:#2bbec6;}
.red{color:#fc5252;}
.red a{color:#fc5252;color:#fc5252;}
.red a:hover{color:#fc5252;color:#fc5252;opacity: 0.8}
.grey{color:#969696;}
.blue{color:#227cc1;}
.ft14{font-size:14px;}
.ft16{font-size:16px;}
.ft18{font-size:18px;}
.ft20{font-size:20px;}
.ft24{font-size:24px;}
.ft22{font-size:22px;}
.pd10{padding:10px 0;}
.pd20{padding:20px 0;}
.pd30{padding:30px 0;}
.pdb20{padding-bottom: 20px;}
.pdl25{padding-left: 25px !important;}
.bgb{border-bottom:1px solid #bfbfbf;}
.bgb2{border-bottom:2px solid #bfbfbf;}
.bgb3{border-bottom:1px solid #eaeaea}
.bgb3{border-bottom:1px solid #e6e6e6;}
.bgb4{border-bottom:2px solid #888888;}
.bgt{border-top:1px solid #bfbfbf;}
.trc{text-align: center;}
/* btns */
.btn {
display: inline-block;
padding: 5px 15px;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
}
.btn-success{color:#fff; background-color:#2bbec6; }
.btn-default{color: #959595;background-color: #fff;border-color: #ccc;}
.btn-default:hover{color:#2bbec6 !important; background-color:#fff;border-color: #2bbec6 !important;}
.btn-default a:hover{color:#2bbec6 !important;}
.btn-default_bb{color: #2bbec6;background-color: #fff;border-color: #2bbec6;}
.btn-default_bb:hover{color:#2bbec6; background-color:#fff;border-color: #2bbec6; }
#mypage .btn-default_bb{color: #2bbec6;background-color: #fff;border-color: #2bbec6;}
.br5{border-radius: 5px;}
.br15{border-radius: 15px;}
.br20{border-radius: 20px;}
.mask {
background: rgba(0, 0, 0, 0) url("/img/web/mask_bg.png") repeat scroll 0 0;
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 9999;}
.mask1 {
background: rgba(0, 0, 0, 0) url("/img/web/mask_bg.png") repeat scroll 0 0;
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 9999;}
/* popup*/
.popup_wrap{ left: 50%; line-height: 25px; margin-left: -222px; position: fixed; top: 190px;color:#707070;z-index: 99999; background: transparent;}
.popup_wrap2{ left: 50%; line-height: 25px; margin-left: -455px; position: fixed; top: 190px;color:#707070;z-index: 99999; background: transparent;}
.popuptop{background: #44cbd2; height: 65px; line-height: 65px; border-radius: 7px 7px 0 0; position: relative; }
.popuptop2{background: #fff; height: 75px; line-height: 75px; border-radius: 7px 7px 0 0; position: relative; }
.popuptop2 .logo {
position: absolute;
top: 25px;
left: 40px;font-size:15px;
}
.popuptop2 .tt{ color:#8c8c8c;position: absolute;
right: 40px;
top: 5px;}
.popuptop .btn-close{position: absolute; top:22px;right:20px;}
.popuptop .p_title{color:#fff; font-size: 20px; font-weight: normal;}
.popupbody{background: #fff; border-radius: 0 0 7px 7px;position:relative; padding:0 40px; overflow:hidden;}
.popupbody2{ background: #fff;border-radius: 0 0 7px 7px;position: relative;display: block;}
.popupbody img{vertical-align: middle;}
.popupbody .body_table{background: #f4f4f4; color:#4f4f4f; width:100%;}
.popupbody .body_table .bt_tit{text-align:right; color:#838383;}
.popupbody .body_table td{width:50%; font-size:16px; font-size: 16px;}
.popupbody .body_table .bt_txt{text-align:left; padding-left:10px;}
.btn_popup{clear:both;}
.btn_popup span{padding:10px 40px; margin:0 5px;}
.popupbody .mobile{margin:10px 0 20px; width:100%; background: #f9f9f9; height:45px; line-height: 45px;}
.popupbody .mobile li{float:left; width:33.33%; text-align: center}
.popupbody .mobile li a{ color:#606060; font-size:24px;}
.popupbody .mobile li:hover{background: #44cbd2 !important; color:#fff; height:45px;}
.popupbody .mobile .current{background: #44cbd2 !important; color:#fff; height:45px;}
.popup_wrap .delete_confirm {margin:0 10px;
border: 1px solid #ccc;
border: 1px solid #ccc;
display: inline-block;
height:60px;
line-height: 60px;
overflow: hidden;
padding: 0;
vertical-align: middle;
width: 97%;
border-radius: 5px;
padding-left: 2%;
font-size: 14px;
}
.popup_wrap .txt_psw{ height: 32px;
top: 18px;
left: 10px;
padding: 0 20px;
font-size: 18px;
}
.popup_wrap .info{font-size:13px; color:#a7a7a7; padding: 10px 0 20px;}
.popup_wrap .notice2 {overflow:hidden; text-align: left; color:#a7a7a7; line-height: 30px;}
.popup_wrap .notice2 dt {
color: #333;
float: left;
width: 20%;
}
.popup_wrap .notice2 dd {
width: 80%;
float: left;
text-align: left;
}
.popup_wrap .notice_list{overflow:hidden; padding-bottom:30px;padding-left:30px; line-height: 40px;}
.popup_wrap .notice_list dt {
color: #333;
float: left;
width: 80%;
text-align:left;
}
.popup_wrap .notice_list dd {
width: 20%;
float: left;
text-align: left;
}
.popup_wrap .notice_list table{width:100%;}
.form_info{ font-size: 12px;
color: #868686;
padding-left: 16px;
padding-top: 5px;}
.addr_category{width:20%;border-right: 1px solid #e9eaec; position:absolute; left:0; bottom:0; top:0;}
.addr_category .recent{width:90%;float:left;padding:10% 0 0 10%;}
.addr_toitem {position:absolute; left:60%; bottom:0; top:0; width:40%;}
.addr_box{width:100%; border-bottom:1px solid #e9eaec; position:relative; height: 420px;}
.addr_name {width:40%;border-right:1px solid #e9eaec; position:absolute; left:20%; bottom:0; top:0;}
.addr_name .scr_area{padding:0 20px 20px 20px; border-bottom: 1px solid #e9eaec;}
.addr_name .scr_area .memo{ border: 1px solid #ccc;display: inline-block;height: 32px;
line-height: 32px;
overflow: hidden;
padding: 0;
vertical-align: middle;
width: 70%;
border-radius: 5px;
padding-left: 10px;}
.addr_name .scr_area .memo input {
border: 0 none;
float: left;
font-size: 14px;
height: 32px;
line-height: 32px;
}
.addr_name .scr_name{padding:20px 20px 20px 20px;}
.addr_toitem .addr_list_cont {
position: absolute;
top: 60px;
bottom: 42px;
right: 0;
left: 50px;
border-width: 1px;
border-style: solid;
border-color: #adadad ;
width: 250px;
height: 315px; float:right; border-radius: 5px;
}
.addr_list_cont {
overflow-y: auto;
overflow-x: hidden;}
.btn_ctrl{width:50px; float: left;
text-align: center; margin:0 auto; padding:45% 0 0 0;}
.btn_ctrl span{margin-bottom:10px; display: inline-block;}
.page_ctrl{ border-top: 1px solid #f1f1f1;
text-align: right;
padding: 9px 10px 0 0;
height: 33px;
position: absolute;
bottom: 0;
left: 0;
right: 0;}
.addr_toitem h3{ padding:20px 0 0 20px;}
.popup_policy{padding-top:20px;}
.popup_policy h3{font-size:16px; padding-bottom:10px;}
.popup_policy textarea{margin-bottom:10px; width:90%; border:1px solid #adadad; border-radius: 5px; padding:5%;}
.popup_policy2 h3{font-size:16px; padding-bottom:10px;line-height: 30px;}
.popup_policy2 textarea{margin-bottom:10px; width:90%; border:1px solid #adadad; border-radius: 5px; padding:5%;color: #868686;}
.popupimg{position:relative;}
.popupimg .popuptxt{ position: absolute;
left: 65px;
top: 260px;
text-align: left;}
.popupinfo{color:#838383; font-size: 13px; margin-bottom: 40px;}
.done{color:#000;}
.b_bottom{margin:20px 0 30px 0; text-align:center;}
.b_bottom a:hover{color:#2bbec6;}
.b_login{ text-decoration: underline;padding-left:20px;}
.b_login a{color:#2bbec6;}
/*.m_email{padding: 15px 40px;font-size: 16px; width: 100%; background:#04b9c2; color:#fff;}
.m_facebook{padding: 15px 40px;font-size: 16px; width: 100%; background:#4267b2; color:#fff}
.m_tweeter{padding: 15px 40px;font-size: 16px; width: 100%; background:#1894ec; color:#fff}
.m_kakao{padding: 15px 40px;font-size: 16px; width: 100%; background:#f9e000; color:#fff}
.m_naver{padding: 15px 40px;font-size: 16px; width: 100%; background:#42b72a; color:#fff}*/
.m_email{padding: 0 0 0 70px; overflow: hidden; font-size: 16px; line-height: 50px; position: relative; width: 100%; text-align: left; background:#04b9c2; color:#fff;}
.m_email:before { display: block; position: absolute; top: 0; left: 0; height: 50px; width: 50px; border-right: 1px solid rgba(255,255,255,0.3); content: ""; background-image: url(../../img/web/CM-icon.png); background-size: 25px 25px; background-repeat: no-repeat; background-position: center center; }
.m_facebook{padding: 0 0 0 70px; overflow: hidden; font-size: 16px; line-height: 50px; position: relative; width: 100%; text-align: left; background:#4267b2; color:#fff}
.m_facebook:before { display: block; position: absolute; top: 0; left: 0; height: 50px; width: 50px; border-right: 1px solid rgba(255,255,255,0.3); content: ""; background-image: url(../../img/web/F-icon.png); background-size: 25px 25px; background-repeat: no-repeat; background-position: center center; }
.m_tweeter{padding: 0 0 0 70px; overflow: hidden; font-size: 16px; line-height: 50px; position: relative; width: 100%; text-align: left; background:#1894ec; color:#fff}
.m_tweeter:before { display: block; position: absolute; top: 0; left: 0; height: 50px; width: 50px; border-right: 1px solid rgba(255,255,255,0.3); content: ""; background-image: url(../../img/web/T-icon.png); background-size: 25px 25px; background-repeat: no-repeat; background-position: center center; }
.m_kakao{padding: 0 0 0 70px; overflow: hidden; font-size: 16px; line-height: 50px; position: relative; width: 100%; text-align: left; background:#f9e000; color:#fff}
.m_kakao:before { display: block; position: absolute; top: 0; left: 0; height: 50px; width: 50px; border-right: 1px solid rgba(255,255,255,0.3); content: ""; background-image: url(../../img/web/K-icon.png); background-size: 25px 25px; background-repeat: no-repeat; background-position: center center; }
.m_naver{padding: 0 0 0 70px; overflow: hidden; font-size: 16px; line-height: 50px; position: relative; width: 100%; text-align: left; background:#42b72a; color:#fff}
.m_naver:before { display: block; position: absolute; top: 0; left: 0; height: 50px; width: 50px; border-right: 1px solid rgba(255,255,255,0.3); content: ""; background-image: url(../../img/web/N-icon.png); background-size: 25px 25px; background-repeat: no-repeat; background-position: center center; }
.b_login .input_box {
background: #fff;
/* position: relative; */
width: 100%;
border: 1px solid #e3e7ee;
/* border-right: 0; */ margin:10px 0;
}
.p_login .chk_id_login{font-size:14px; padding-top: 5px!important}
.chk_id_login a:hover{color:#2bbec6;}
.p_login .input_box {
background: #fff;
position: relative;
width: 100%;
height: 42px;
border: 1px solid #e3e7ee;
margin-bottom:10px;
border-radius: 5px;
}
.p_login .int {
padding: 1% 5%;
width: 90%;
height: 35px;
border: 0;
color: #666;
font-size: 14px;
line-height: 26px; border-radius: 5px;
}
.canceljoin{padding:10px 50px; font-size:16px; width:48%; margin-right:5px; background:#b8b8b8;color:#fff;}
.next{padding:10px 50px; font-size:16px; width:48%; margin-left:5px; background:#04b9c2;color:#fff;}
.info_forms label {
font-size: 16px;color:#2bbec6;
margin: 20px 0 10px 0;
display: block;}
.info_forms input {
border: 1px solid #ccc;
display: inline-block;
height:40px;
line-height: 40px;
overflow: hidden;
padding: 0;
vertical-align: middle;
border-radius: 5px;
padding-left: 2%;
font-size: 14px;
}
.info_forms .slct {
background: #fff url(/img/web/img_select.gif) no-repeat 90% 50%;
overflow: hidden;
width: 112px;
float: left;
margin-right: 10px;
border: 1px solid #ccc;
border-radius: 5px;
}
.info_forms .slct select {
-moz-appearance: none;
background: transparent none repeat scroll 0 0;
border: medium none;
color: #757575;
font-size: 14px;
height: 40px;
line-height: 40px;
padding-left: 10px;
width: 170px;
}
.info_forms .slct:last-child{margin-right:0 !important;}
.info_forms .form-group{display: block;overflow: hidden;}
.mybutton_on{background: url(/img/web/img_confirm_on.gif) no-repeat 96% 50%;}
.mybutton_off{background: url(/img/web/img_confirm_off.gif) no-repeat 96% 50%;}
.mybutton_on2{background: url(/img/web/img_confirm_on.gif) no-repeat 0 32%;}
.mybutton_off2{background: url(/img/web/img_confirm_off.gif) no-repeat 0 32%;}
.security{margin:20px 0;}
.agree_list {font-size:14px;width:100%; padding-bottom: 20px;}
.agree_list div{height:30px; line-height: 30px;}
.viewall{text-decoration: underline;}
.popupbody .calander {
float:left;
padding: 13px;
background: #fff;
width: 250px;
}
.popupbody .calander table{margin-top:20px;overflow:hidden;display: inline-block;}
.popupbody .calander:last-child{padding-right:0 !important; overflow:hidden;display: block;}
.popupbody .calander td{width:34px; text-align: center; line-height: 37px;}
.popupbody .calander th{width:34px;text-align: center;line-height: 37px;}
.popupbody .calander .month{height: 30px; line-height: 30px; text-align: center; font-size: 18px; color:#000;}
.popupbody .calander thead{background: #f7f7f7; color:#949494;}
.popupbody .sunday a{color:#f24157 !important;}
.popupbody .today{background:url(/img/web/img_today.gif) no-repeat 50% 50%; }
.popupbody .today a{color:#fff !important;}
.popupbody .calander a:hover{color:#04b9c2;}
.popupbody .calander_box{overflow:hidden; display: block;}
.popupbody .calander span{float:left; margin-right:7px;}
.popupbody .calander_tit{padding-bottom:10px; color:#000;}
.church{color:#767676;}
.info_header{width:100%; margin:0 auto; text-align: center;position: relative;}
.info_header .camera{position: absolute;
top: 40px;
left: 200px;}
.radio_on{background: url(/img/web/radio_on.gif) no-repeat 0 center; width:16px; display: inline-block;}
.radio_on a{padding-left:20px;}
.radio_on a:hover{color:#4e4e4e;}
.radio_off{background: url(/img/web/radio_off.gif) no-repeat 0 center; width:16px; display: inline-block;}
.radio_off a{padding-left:20px;}
.radio_off a:hover{color:#4e4e4e;}
.check_on{background: url(/img/web/check_on.gif) no-repeat 0 center; width:16px; display: inline-block;}
.check_on a{padding-left:24px;}
.check_on a:hover{color:#4e4e4e;}
.check_off{background: url(/img/web/check_off.gif) no-repeat 0 center; width:16px; display: inline-block;}
.check_off a{padding-left:24px;}
.check_off:hover{color:#4e4e4e;}
.agree_off{ background: url(/img/web/agree_off.gif) no-repeat 0 center;
width: 30px; text-indent: -9999999px;
display: inline-block;}
.agree_on{ background: url(/img/web/agree_on.gif) no-repeat 0 center;
width: 30px; text-indent: -9999999px;
display: inline-block;}
.pw_info{ background: url(/img/web/pw_info.gif) no-repeat right 50%;}
.pw_table{background:#fafafa; padding:20px 40px;}
.pw_table dt{width:140px;float: left;color:#888888; padding: 5px 0;
}
.pw_table dd{color:#606060; padding:5px 0;}
@media screen and (max-width:1340px) {
.channel_header, .channel_contents, .channel_contents3, .channel_contents4, .footer{width: 100% !important;}
.foot_link { position: absolute; top: 36px; right: 140px; overflow: hidden; }
}
@media screen and (max-width:1100px) {
#news .top, #news .header, #news .contents, #news .footer{width: 1060px !important;padding:0 20px;}
}
.popup_policy2 .checks {position:relative; float:left;}
.popup_policy2 .checks input[type="checkbox"] {position:absolute; top:0; left:-9999px;}
.popup_policy2 .checks label {float:left; background:url('/img/web/b_agree_off.gif') no-repeat; height:30px;width:30px}
.popup_policy2 .checks input[type="checkbox"]:checked + label {background:url('/img/web/b_agree_on.gif') no-repeat; }
/*.profile_header .photo{float:left; padding:13px 0 0 75px;}*/
/*.profile_header .photo img{border-radius: 75px;}*/
.profile_add_photo { margin:auto; width:77px; height:77px; }
.profile_add_photo input[type="file"] { position:absolute; top:0; left:-9999px;}
.profile_add_photo label {display:block; width:77px; height:77px; background:url('/img/web/img_photo.png') no-repeat center; background-size:77px; border-radius: 75px;}
.delivery_info3{ position: absolute;
right: 100px;
background: #f5f6f6;
border: 1px solid #ebebeb;
width: 500px;
z-index: 9999;line-height: 26px;
top: 50px; padding:15px;}
.delivery_info3 .d_info_tit{color:#000; font-size:16px; padding-bottom: 5px;}
.delivery_info3 .d_info_txt{font-size:13px;}
.pop_cont_title_d img{padding-top:3px; padding-right:5px;}
.popup_wrap2_d {
left: 50%;
line-height: 25px;
margin-left: -405px;
position: absolute;
top: 190px;
color: #707070;
z-index: 99999;
background: #transparent;
}
.popuptop3_d {
background: #44cbd2;
height: 50px;
line-height: 50px;
position: relative;
}
.popuptop3_d .p_title2 {
color: #fff;
font-size: 16px;
padding-left:40px;
}
.popuptop3_d .p_title2 a{
color: #fff;padding:0 5px; font-size:14px;
}
.popuptop3_d .p_title2 a:hover{font-weight: bold;}
.popuptop3_d .p_title2 .current{font-weight: bold;}
.popupbody3_d {
background: #fff;
position: relative;
padding: 0 40px;
overflow: hidden;
}
.popuptop3_d .btn-tit {position:absolute; right:110px; top:1px; color:#fff;}
.popuptop3_d .btn-info {position:absolute; right:60px; top:10px;}
.popuptop3_d .btn-close {position:absolute; right:25px; top:14px;}
.pop_box_d {background: #f5f6f6; border: 1px solid #ededed; padding:3px 10px; position: absolute; bottom:10px; right:0;}
.pop_box_d a{color:#787878; font-size:13px;}
.popup_date_d {font-size:13px; color:#999999;}
.pop_cont_like_d{background: #04b9c2; color:#fff; padding:0 3px;}
.popupbody3_d .pop_tit{border-bottom: 1px solid #ebeef3; padding:30px 0 10px; color:#000; font-size:15px; position: relative;}
.pop_cont_box_d {border-bottom:1px solid #ebeef3; padding:20px 0;overflow: hidden; }
.pop_cont_img_d {width:10%; float:left; }
.pop_cont_img_d img{border-radius: 50px; margin-top:10px;}
.pop_cont_img2_d {float:left; }
.pop_cont_img2_d img{ margin-top:10px; padding-bottom:10px;}
.pop_cont_txt_box_d {width:80%; float:left; padding-top:10px;}
.pop_cont_txt_box_d .t_black a{color:#000; font-size: 15px;}
.pop_cont_txt_box_d .t_black a:hover{color:#2bbec6;}
.pop_cont_info_d {width:10%; float:right;}
.info_popup_d {position:absolute; right:60px;background: #f5f6f6;
border: 1px solid #ededed;
padding: 3px 10px;}
.info_popup_d a{font-size: 13px;}
.info_popup2_d{position:absolute; right:20px;background: #fff;
border: 1px solid #ededed;
padding: 3px 10px;}
.info_popup2_d a{font-size: 13px;}
.pop_cont_title_d a:hover{color:#2bbec6;}
.pop_cont_like_d {background: #04b9c2; color:#fff; padding:0 3px;}
.pop_replay_more_d a{font-size:12px; color:#8e8e8e;}
.r_base_d {
overflow: hidden;
display: block;
clear: both;
}
.icons_d {
float: right !important;
}
.icons_d span {
padding-left: 20px;
}
.icons_d img {
padding-right: 7px;
}
.thumbup_d {
color: #e64c3d;
}
.thumbdown_d {
color: #3c92ca;
}
.reply_box2_d { clear:both; overflow:hidden; background: #f5f6f6; border-top:1px solid #ebeef3; padding:20px 20px 0 20px; margin-top:20px; display:block;}
.reply_box2_d .box_wrap{overflow:hidden;display: block; border-bottom: 1px solid #e0e1e1; padding-bottom:20px; margin-bottom:20px;}
.reply_box2_d .box_wrap li{float:left;}
.reply_box2_d .box_wrap2{overflow:hidden;display: block; margin-bottom:20px;}
.reply_box2_d .box_wrap2 li{float:left;}
.reply_box2_d .box_wrap .r_text li{float:left; padding-right:10px;}{ clear:both; overflow:hidden; background: #f5f6f6; border-top:1px solid #ebeef3; padding:20px 20px 0 20px; margin-top:20px; display:block;}
.reply_box2_d .box_wrap{overflow:hidden;display: block; border-bottom: 1px solid #e0e1e1; padding-bottom:20px; margin-bottom:20px;}
.reply_box2_d .box_wrap li{float:left;}
.reply_box2_d .box_wrap2{overflow:hidden;display: block; margin-bottom:20px;}
.reply_box2_d .box_wrap2 li{float:left;}
.reply_box2_d .box_wrap .r_text li{float:left; padding-right:10px;}
.img_reply_d {width:20px;}
.r_info_d { color: #999999; }
.r_date_d { font-size: 12px; }
.r_info_d span { padding-right: 10px; }
.r_info_d a { color: #999; }
.reply_box2_d .box_wrap .info_popup2_d li {float:none;}
.reply_box_d {
border: 1px solid #c5c5c5;
margin-top: 10px;
clear: both;
overflow: hidden;
background: #fff;
}
.reply_social_d {padding:20px 20px 0 20px;}
.reply_write_d {
color: #999999;
line-height: 23px;
padding: 10px 20px;
}
.reply_write_d textarea{ z-index: auto;
position: relative;
line-height: 20px;
font-size: 13px;
padding: 10px;
border: none;}
.reply_regist_d {
border-top: 1px solid #e8e9ea;
height: 46px;
line-height: 46px;
}
.reply_no_d{color:#bcbcbc; padding-left:20px;}
.reply_btn_d{background: #04b9c2; width:87px; height: 47px; color:#fff; float:right; text-align: center; line-height: 47px;}
.reply_btn_d a{color:#fff;}
.reply_btn_d a:hover{color:#fff;}
.reply_close_d {
width: 90px;
height: 30px;
line-height: 30px;
border: 1px solid #c7c7c7;
text-align: center;
margin: 20px auto;
}
.reply_close_d img {
padding-top: 12px;
padding-left: 5px;
}
.reply_social_d {padding:20px 20px 0 20px;}
.reply_social_d span {
padding-right: 10px;
}
.reply_sort_d {
padding-top:10px;
font-size: 16px;
}
.reply_sort_d span {
padding-right: 10px;
}
.reply_sort_d a{font-size: 14px;}
.reply_sort_d .current {
color: #000;
}
.footer { position: absolute !important; bottom: 0; left: 0; width: 100%; }
.foot_link { position: absolute; top: 36px; right: 160px; overflow: hidden; }
.foot_link li { float: left; font-size: 12px; }
.foot_link li:after { content: "|"; color: #ddd; padding: 0 10px; }
.foot_link li:first-child { content: ""; padding: 0; }
.foot_link li a { color: #333; }
.pop_todaynone { padding: 10px; color: #fff;; font-size: 12px; background: #333; }
.pop_todaynone input { vertical-align: text-top; }

233
public/css/web/imgcss.css Executable file
View File

@@ -0,0 +1,233 @@
body {
margin: 0;
}
/* apply a natural box layout model to all elements, but allowing components to change */
html {
box-sizing: border-box;
}
*, *:before, *:after {
box-sizing: inherit;
}
.search_images { margin: 0 -30px; }
.image-grid {
width: calc(100% + 60px);
/*max-width: 1310px;*/
margin: 0 auto;
overflow: hidden;
padding: 10px 5px 0;
}
.image__cell {
float: left;
position: relative;
}
.image--basic {
padding: 0 5px;
}
.basic__img {
display: block;
max-width: 100%;
/*height: auto;*/
height: 140px;
margin: 0 auto;
}
.image__cell.is-collapsed .image--basic {
cursor: pointer;
}
.image__cell.is-collapsed {
height: auto;
overflow: hidden;
}
.image__cell.is-expanded {
top: 0;
margin-bottom: 10px;
-webkit-transition:ease-out 0.2s; -moz-transition:ease-out 0.2s; -o-transition:ease-out 0.2s; transition:ease-out 0.2s;
}
.image--expand {
position: relative;
left: -5px;
padding: 0 40px;
box-sizing: content-box;
overflow: hidden;
background: #222;
overflow: hidden;
z-index: 0;
margin-top: 0;
}
.image__cell.is-expanded .image--expand {
margin-top: 10px;
}
.omm_con { width: 1200px; margin: 0 auto; height: 0px; padding: 0; overflow: hidden; box-sizing: border-box; position: relative; }
.image__cell.is-expanded .omm_con { height: 700px; padding: 150px 0; }
.omgg_left { float: left; }
.omgg_right { float: right; width: 450px; border-left: 1px solid rgba(255,255,255,.1); padding-left: 20px; }
.omgg_ul1 { padding-bottom: 10px; }
.omgg_ul1 .omm_tit { font-size: 20px; color: #fff; height: 46px; margin-bottom: 15px; -webkit-line-clamp:2; -webkit-box-orient:vertical; display:-webkit-box; text-overflow:ellipsis; overflow:hidden; }
.omgg_ul1 .omm_tit a { color: #fff !important; }
.omgg_ul1 .omm_txt { font-size: 14px; color: #fff; }
.omgg_ul1 .omm_txt strong { margin-right: 5px; color: #00a0e9; }
.omgg_ul1 .omm_txt span { font-size: 12px; color: rgba(255,255,255,0.06); display: inline-block; padding: 0 5px; vertical-align: middle; }
.omm_a2 { display: inline-block; padding: 2px 5px; color: #ff6666 !important; border: 1px solid rgba(255,255,255,0.08); border-radius: 3px; vertical-align: middle; font-size: 12px; margin-left: 5px; cursor: pointer; }
.omm_a2:hover { border-color: #ff6666 !important; }
.omm_imm_list, .omm_imm_list ul { overflow: hidden; }
.omm_imm_list { padding-top: 90px; }
.omm_imm_list * { box-sizing: border-box; }
.omm_imm_list ul li { padding: 2px; width: 25%; float: left; }
.omm_imm_list ul li .smalls { width: 100%; height: 108px; cursor: pointer; }
.omm_imm_list ul li .bigs { position: absolute; top: 150px; left: 0; width: 700px; height: 400px; background: #222; display: none; }
.omm_imm_list ul li.act .bigs { display: block; }
.omm_imm_list ul li.act .smalls { border: 1px solid #fff; opacity: .5; }
.omm_imm_list ul li .bigs img { max-width: 100%; max-height: 100%; }
.ommbtn { position: absolute; top: 50%; margin-top: -25px; display: block; padding: 10px 15px; color: #fff; font-size: 24px; border: 1px solid #333; }
.ommbtn.omm_next { right: 80px; }
.ommbtn.omm_pre { left: 9px; }
.om_alt { display: none; }
.omgg_ul1.act .om_alt { display: block; position: absolute; top: 50%; left: 50%; margin-left: -100px; margin-top: -30px; border: 1px solid #444; background: #222; width: 200px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .075); box-shadow: 0 1px 1px rgba(0, 0, 0, .075); }
.om_alt > p { text-align: center; color: #fff; font-size: 14px; padding: 20px 10px; }
.om_alt > div { overflow: hidden; width: 100%; display: table; }
.om_alt > div span { cursor: pointer; display: table-cell; width: 50%; padding: 10px; text-align: center; cursor: pointer; border-left: 1px solid #444; box-sizing: border-box; background: #333; color: #fff; }
.om_alt > div span:nth-child(1), .om_alt > div a:first-child { border-left: none; }
.om_alt > div span:hover { background: #000; }
.imms > span { cursor: pointer; }
.photo_infos { background: #000 none repeat scroll 0 0;
bottom: 10px;
color: #fff;
font-size: 12px;
left: 0;
margin: 0 5px;
opacity: 0.7;
padding: 6px;
position: absolute;
width: calc(100% - 10px);
}
.image--basic .photo_infos { display: none; }
.image--basic:hover .photo_infos { display: block; position: absolute; background: rgba(0,0,0,0.8); color: #fff; font-size: 11px; padding: 3px 5px; box-sizing: border-box; width: calc(100% - 10px); }
.image__cell.is-collapsed .arrow--up {
height: 10px;
width: 100%;
}
.image__cell.is-expanded .arrow--up {
border-bottom: 8px solid #222;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
height: 0;
width: 0;
margin: 2px auto -10px auto;
}
.expand__close {
position: absolute;
top: 10px;
right: 100px;
color: #454545;
font-size: 50px;
line-height: 50px;
text-decoration: none;
}
.baimg { display: block; overflow: hidden; }
.expand__close:before {
content: '×';
}
.expand__close:hover {
color: #fff;
}
.image--large {
max-width: 700px;
max-height: 400px;
display: block;
margin: 0 auto;
box-sizing: border-box;
}
@media only screen and (max-width: 530px) {
.image__cell {
width: 50%;
}
.image__cell:nth-of-type(2n+2) .image--expand {
margin-left: -100%;
}
.image__cell:nth-of-type(2n+3) {
clear:left;
}
.image--expand {
width: 200%;
}
}
@media only screen and (min-width: 531px) {
.image__cell {
max-width: 10%;
}
.image__cell:nth-of-type(10n+2) .image--expand {
margin-left: -100%;
}
.image__cell:nth-of-type(10n+3) .image--expand {
margin-left: -200%;
}
.image__cell:nth-of-type(10n+4) .image--expand {
margin-left: -300%;
}
.image__cell:nth-of-type(10n+5) .image--expand {
margin-left: -400%;
}
.image__cell:nth-of-type(10n+6) .image--expand {
margin-left: -500%;
}
.image__cell:nth-of-type(10n+7) .image--expand {
margin-left: -600%;
}
.image__cell:nth-of-type(10n+8) .image--expand {
margin-left: -700%;
}
.image__cell:nth-of-type(10n+9) .image--expand {
margin-left: -800%;
}
.image__cell:nth-of-type(10n+10) .image--expand {
margin-left: -900%;
}
.image__cell:nth-of-type(10n+11) {
clear: left;
}
.image--expand {
width: 1000%;
}
}

594
public/css/web/jquery-ui.custom.css vendored Executable file
View File

@@ -0,0 +1,594 @@
/*
* jQuery UI CSS Framework 1.8.6
*
* Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Theming/API
*/
/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }
/* Icons
----------------------------------*/
/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/*
* jQuery UI CSS Framework 1.8.6
*
* Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Theming/API
*
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana,Arial,sans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
*/
/* Component containers
----------------------------------*/
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; }
.ui-widget-content {
background: #fff none repeat scroll 0 0;
border: 1px solid #eaeaeb;
padding: 10px;
position: absolute;
width: 245px;
z-index: 999;
font-size: 15px;
}
.ui-widget-content a { color: #222222; }
.ui-widget-header { /*border: 1px solid #aaaaaa;*/ background: #fff; color: #222222; }
.ui-widget-header a { color: #222222; }
/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { font-weight: normal; color: #555555; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { text-decoration:underline; font-weight: normal; color: #888; }
.ui-state-hover a, .ui-state-hover a:hover { color: #212121; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { width:15px; height:15px; line-height:15px; border: 1px solid #188b92; background: #188b92; color: #fff; border-radius:50em;}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; }
.ui-widget :active { outline: none; }
.ui-state-default .ui-state-highlight { width:15px; height:15px; line-height:15px; border: 1px solid #188b92 !important; background: #188b92 !important; color: #fff; border-radius:50em !important; }
/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {width:15px; height:15px; line-height:15px; border: 1px solid #cff1f4; background: #cff1f4; color: #fff; }
/*
.ui-datepicker-today .ui-state-default { width:15px; height:15px; line-height:15px; border: 1px solid #188b92 !important; background: #188b92 !important; color: #fff; border-radius:50em !important;} }
*/
.ui-datepicker-today a.ui-state-highlight { color: #555555; background: none; border:0px; }
.ui-datepicker-today.ui-datepicker-current-day a.ui-state-highlight { color: #555555; background: none; border:0px; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(../images/jquery_ui/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
/*.ui-datepicker-days-cell-over { width:15px; height:15px; line-height:15px; border: 1px solid #188b92 !important; background: #188b92 !important; color: #fff; border-radius:50em !important;}
*/
/* Icons
----------------------------------*/
/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(../images/jquery_ui/ui-icons_222222_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(../images/jquery_ui/ui-icons_222222_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(../images/jquery_ui/ui-icons_222222_256x240.png); }
.ui-state-default .ui-icon { background-image: url(../images/jquery_ui/ui-icons_888888_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(../images/jquery_ui/ui-icons_454545_256x240.png); }
.ui-state-active .ui-icon {background-image: url(../images/jquery_ui/ui-icons_454545_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(../images/jquery_ui/ui-icons_2e83ff_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(../images/jquery_ui/ui-icons_cd0a0a_256x240.png); }
/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-off { background-position: -96px -144px; }
.ui-icon-radio-on { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }
/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; }
.ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
.ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
.ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
.ui-corner-right { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
.ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
.ui-corner-all { /*-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;*/ }
/* Overlays */
.ui-widget-overlay { background: #aaaaaa url(../images/jquery_ui/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); }
.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(../images/jquery_ui/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }/*
* jQuery UI Resizable 1.8.6
*
* Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Resizable#theming
*/
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;}
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/*
* jQuery UI Selectable 1.8.6
*
* Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Selectable#theming
*/
.ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; }
/*
* jQuery UI Accordion 1.8.6
*
* Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Accordion#theming
*/
/* IE/Win - Fix animation bug - #4615 */
.ui-accordion { width: 100%; }
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; }
.ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; }
.ui-accordion .ui-accordion-content-active { display: block; }/*
* jQuery UI Autocomplete 1.8.6
*
* Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Autocomplete#theming
*/
.ui-autocomplete { position: absolute; cursor: default; }
/* workarounds */
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */
/*
* jQuery UI Menu 1.8.6
*
* Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Menu#theming
*/
.ui-menu {
list-style:none;
padding: 2px;
margin: 0;
display:block;
float: left;
}
.ui-menu .ui-menu {
margin-top: -3px;
}
.ui-menu .ui-menu-item {
margin:0;
padding: 0;
zoom: 1;
float: left;
clear: left;
width: 100%;
}
.ui-menu .ui-menu-item a {
text-decoration:none;
display:block;
padding:.2em .4em;
line-height:1.5;
zoom:1;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
font-weight: normal;
margin: -1px;
}
/*
* jQuery UI Button 1.8.6
*
* Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Button#theming
*/
.ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */
.ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */
button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */
.ui-button-icons-only { width: 3.4em; }
button.ui-button-icons-only { width: 3.7em; }
/*button text element */
.ui-button .ui-button-text { display: block; line-height: 1.4; }
.ui-button-text-only .ui-button-text { padding: .4em 1em; }
.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; }
.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; }
.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; }
.ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; }
/* no icon support for input elements, provide padding by default */
input.ui-button { padding: .4em 1em; }
/*button icon element(s) */
.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; }
.ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; }
.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; }
.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }
.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }
/*button sets*/
.ui-buttonset { margin-right: 7px; }
.ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; }
/* workarounds */
button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */
/*
* jQuery UI Dialog 1.8.6
*
* Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Dialog#theming
*/
.ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; }
.ui-dialog .ui-dialog-titlebar { padding: .5em 1em .3em; position: relative; }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .2em 0; }
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }
/*
* jQuery UI Slider 1.8.6
*
* Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Slider#theming
*/
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }
.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }
.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }/*
* jQuery UI Tabs 1.8.6
*
* Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Tabs#theming
*/
.ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }
/*
* jQuery UI Datepicker 1.8.6
*
* Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Datepicker#theming
*/
.ui-datepicker { z-index:9999 !important; display:none }
.ui-datepicker .ui-datepicker-header { letter-spacing:0px; height: 40px; line-height: 40px; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 25px; width: 1.8em; height: 1.8em; cursor:pointer;}
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -4px; margin-top: -8px; width:9px; height:19px; }
.ui-datepicker .ui-datepicker-prev span {background:url('/img/web/ico_date_prev.gif') no-repeat center;}
.ui-datepicker .ui-datepicker-next span {background:url('/img/web/ico_date_next.gif') no-repeat center;}
.ui-datepicker .ui-datepicker-title { letter-spacing:-2px;height: 40px; line-height: 40px; text-align: center; font-size: 18px; color:#000; }
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; background: #f7f7f7; color:#949494; }
.ui-datepicker td { border: 0; padding: 6px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: center; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }
/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; }
/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
display: none; /*sorry for IE5*/
display/**/: block; /*sorry for IE5*/
position: absolute; /*must have*/
z-index: -1; /*must have*/
filter: mask(); /*must have*/
top: -4px; /*must have*/
left: -4px; /*must have*/
width: 200px; /*must have*/
height: 200px; /*must have*/
}/*
* jQuery UI Progressbar 1.8.6
*
* Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Progressbar#theming
*/
.ui-progressbar { height:2em; text-align: left; }
.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }
.ui-datepicker-calendar > tbody td.ui-datepicker-week-end:first-child a { color: red; }

278
public/css/web/life.css Executable file
View File

@@ -0,0 +1,278 @@
.life_left{width:760px; margin-right:28px; float:left; position: relative;display: block;}
.life_right{width:270px; float:left;}
.life_click{ padding-left: 15px; font-size:12px;color:#a5a5a5; margin: 10px 0 20px; font-weight: normal;}
.life_click span{padding-right:10px;}
.life_info a{ font-size: 13px; padding:10px 15px;width:100%; display: block; font-weight: normal; color: #888; box-sizing: border-box; line-height: 145%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.life_title a{ font-size:15px; width:100%; margin-bottom: 10px; box-sizing: border-box; line-height: 150%;}
.life_title a:hover{color:#04b9c2;}
.life_box{ margin-bottom:20px; clear:both;}
.life_box2{ margin-bottom:20px; clear:both;}
.life_box3{ margin-bottom:20px; clear:both;}
.item_story{clear:both; display: block;}
.list_story{width:245px; float:left; }
.list_story li:first-child{margin-top:20px;}
.list_story2{width:265px; float:left; }
.list_story2 li:first-child{margin-top:20px;}
.list_story3{width:245px; float:left;}
.list_story3 li:first-child{margin-top:20px;}
.life_box{float:left; width:235px; margin-right: 10px; border-radius: 5px; overflow: hidden; border: 1px solid #e4e4e4; box-shadow:3px 3px 15px 0px rgba(235,235,235,1); }
.life_box2{float:left; width:235px; margin-left: 15px; margin-right: 15px; border-radius: 5px; overflow: hidden; border: 1px solid #e4e4e4; box-shadow:3px 3px 15px 0px rgba(235,235,235,1); }
.life_box3{ float: left; margin-left: 10px; width: 235px; border: 1px solid #e4e4e4; border-radius: 5px; overflow: hidden; box-shadow:3px 3px 15px 0px rgba(235,235,235,1); }
.life_box a img, .life_box2 a img, .life_box3 a img{ width: 100%;}
.item_story:after{content: ''; display: block; clear: both;}
.btn_life{clear:both; width:95%;margin: 40px 0; height:40px; line-height:40px; position: relative;}
.btn_life img{vertical-align: middle;}
.life_date{ font-size: 21px;font-weight: bold; margin-right: 20px;color: #000;}
.life_story{font-weight: bold; color:#adadad;font-size: 21px;margin-right: 10px;}
.life_click li{float:left; padding-left:15px;}
.life_click li a{color:#6f6f6f; font-size:15px;}
.life_click li a:hover{color:#2bbec6;}
.life_click .current{color:#383737;}
.life_story_cont{position:relative;}
.life_click2{font-size:13px;color:#a5a5a5; }
.life_click2 span{padding-right:10px;}
.life_click2 li{float:left; padding-left:10px;}
.life_click2 li a{color:#6f6f6f; font-size:13px; }
.life_click2 li a:hover{color:#2bbec6;}
.life_click2 .current{color:#04b9c2;}
.life_header{ height: 50px;line-height: 50px;width: 100%;display: block; }
.life_header img{padding-top:16px;}
.lifestory{background: #f8f8f8; width:270px; border:1px solid #e5e5e5; }
.lifestory_list{clear:both; width:100%;}
.lifestory_list li {padding:10px 15px;overflow: hidden; display: block; border-bottom:1px solid #e6e6e6;}
.lifestory_list li img{border-radius: 60px; width:60px; height: 60px; border:2px solid #f8f8f8;float:left; margin-right:15px;}
.lifestory_list li:hover{ background:#04b9c2;color:#fff !important; }
.lifestory_list li:hover a{color:#fff;}
.lifestory_list .life_cate a{color:#04b9c2; font-size: 14px; display: block; }
.lifestory_list .life_tit a{ font-size:13px; font-weight: normal;}
.lifestory_list li a:hover{ color:#fff;}
.lifestory_list li img:hover{border:2px solid #fff;}
.lifestory_list .current{ background:#04b9c2; color:#fff;}
.lifestory_list .current a{color:#fff;}
.life_cate{padding:5px 0;}
.life_cate a{ font-size:15px;}
.lifestory_title{font-size: 16px; padding:20px 15px 10px 15px;}
.life_tab{border: 1px solid #e5e5e5; width:90%; margin:15px auto; overflow:hidden;height: 30px; line-height: 30px;}
.life_tab li{float:left; width:50%; text-align: center;background: #fff;}
.life_tab li:hover{background:#04b9c2; color:#fff;}
.life_tab li:hover a{color:#fff;}
.life_tab .current{background:#04b9c2; color:#fff;}
.life_tab .current a{ color:#fff;}
.life_tab a{color:#888; font-size: 13px;}
.lifestory .pagenumber a.current { background: #fff;}
.life_right .banner{background: #f5f6f6; width:270px; padding:10px 0; margin-top: 20px; text-align: center; border: 1px solid #e5e5e5;}
.life_left .life_header .calander{background: #fff none repeat scroll 0 0;
border: 1px solid #eaeaeb;
left: 222px;
padding: 10px;
position: absolute;
top: 15px;
width: 220px;
z-index: 999;}
.life_left .life_header .calander td{width:37px; text-align: center; line-height: 37px;}
.life_left .life_header .calander th{width:37px;text-align: center;line-height: 37px;}
.calander .month{height: 30px; line-height: 30px; text-align: center; font-size: 18px; color:#000;}
.calander thead{background: #f7f7f7; color:#949494;}
.sunday a{color:#f24157 !important;}
.today{background:url(/img/web/img_today.png) no-repeat 50% 50%; }
.today a{color:#fff !important;}
.calander a:hover{color:#04b9c2;}
.c_on{background-color: #cff1f4;}
.life_contents{width:730px;margin:0 auto; padding:0 20px;}
.life_contents .view_img {
text-align: center;
}
.life_contents .img_desc {
float: left !important;
padding-top: 10px;
color: #999;}
.life_contents .view_article {
clear: both;
padding-top: 40px;
font-size: 17px;
line-height: 28px;
}
.life_contents iframe[src*="youtube"] {
margin : 0px auto !important;
}
.life_tags{width:100%; background: #fbfcfd;}
.life_tags .wrap{width:730px;padding:0 20px;}
.life_footer{width:100%; background: #fbfcfd; overflow: hidden;
display: block;}
.life_footer .wrap{width:730px;padding:20px;}
.life_cont1{margin-top:20px;}
.life_cont1_box li {
width: 175px;
float: left;
margin-right: 10px;
line-height: 22px;
}
.life_cont1_box li:last-child {
margin-right: 0!important;
}
.life_cont1 h4 {
font-weight: bold;
padding-bottom: 20px;
font-size: 18px; text-align:center;
}
.life_title { font-size: 14px; display: block; padding: 0 15px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.life_cont2_box li {
position: relative;
float: left;
margin-right: 10px;
width: 360px;
}
.life_cont2_box li:last-child{margin-right: 0 !important;}
.life_cont2 h4 {
font-weight: bold;
padding-bottom: 20px;
font-size: 18px; text-align:center;
}
.life_cont2 .photo_info {
position: absolute;
bottom: 10px;
left: 0;
/* background: #000; */
/* opacity: 0.8; */
padding: 10px;
width: 340px;
color: #fff;
z-index: 9999;
text-align: center;
font-size: 16px;
}
.life_cont2 .photo_info a {
color: #fff;
}
.life_cont3 {text-align: center; overflow:hidden;}
.life_cont3 li{float:left; margin-right: 15px;
width: 134px;}
.life_cont3 li:last-child{margin-right: 0 !important;}
.life_cont3 .tr_txt{padding-top:10px;}
.life_cont3 h4 {
font-weight: bold;
padding-bottom: 20px;
font-size: 18px; text-align:center;
}
.life_cont3 img{border-radius: 134px;}
.life_banner {width:770px; margin:50px auto; display: block; overflow: hidden; clear:both;}
.mbleft{position: relative; width:50%; float:left;}
.mbright{position: relative; width:50%; float:left;}
.middle_banners{width:100%; margin-top:50px; display: block; overflow: hidden; clear:both;}
.middle_banners .card_main_title {
position: absolute;
top: 60px;
color: #c4c4c4;
font-size: 14px;
z-index: 9999;
text-align: center;
margin: 0 auto;
width: 100%;
}
.middle_banners .card_main_txt {
position: absolute;
top: 95px;
color: #fff;
left: 0;
z-index: 9999;
width: 100%;
font-size: 22px;
text-align: center;
font-family: 나눔명조, Nanum Myeongjo, georgia,돋움;
}
.middle_banners .card_main_txt a{color:#fff;}
.middle_banners .chn_bar img {
position: absolute;
top: 50px;
margin: 0 auto;
height: 1px;
width: 3%;
text-align: center;
/* left: 15%; */
z-index: 2;
display: block;
margin-left: 48.5%;
}
.middle_banners .shadow {
clear: both;
width: 100%;
height: 100%;
display: block;
position: absolute;
bottom: 0;
left: 0;
z-index: 1;
background-color: #000;
opacity: 0.3;
}
.life_tags{padding:50px 0;margin: 0 auto;
width: 100%;
text-align: center;}
.life_tags .cover_profile3 img {
border-radius: 65px;
}
.life_tags .tags {color:#888; padding-top:25px;}
.life_tags .tags a{padding:0 5px;}
.life_list h4{
padding:30px 0 10px;
font-size: 16px; }
.life_list .current{color:#04b9c2;}
.life_list a:hover{color:#04b9c2;}
.life_list li{line-height: 30px; }
.life_list li a{color:#999999;}
.reply_info{height:30px; line-height: 30px;}
.reply_info span{padding: 0 10px;}
.reply_info img{ padding-right:2px;}
.life_menu{position: absolute; top:0; right:0 ;width:260px; border-left:1px solid #dddddd; border-bottom: 1px solid #dddddd; background: #fff; z-index: 999;}
.life_menu_top{background: #f6f6f6; width:100%; overflow: hidden;}
.life_menu_top .life_cate {width:100%; overflow: hidden; height: 30px;
line-height: 30px;border-top:1px solid #dddddd;border-bottom:1px solid #dddddd;
}
.life_menu_top .life_cate .life_no{position: absolute; top:15px; text-align: center;left:10px; width:15px; height: 15px; line-height:15px; background: #2bbec6; border-radius: 15px;}
.life_menu_top .life_cate .life_no a{color:#fff; font-size:11px;}
.life_menu_top .life_cate .life_no a:hover{color:#fff;}
.life_menu_top .life_cate a{font-size: 14px;}
.life_menu_top .life_cate a:hover{color:#2bbec6;}
.life_menu_top .life_cate img{padding-top:3px;}
.life_menu_top .life_cate li{float:left; padding:0 5px;position:relative; }
.life_list_top{text-align: center;width:220px;margin:0 20px;padding-top: 20px; padding-bottom: 20px;border-bottom: 1px solid #eeeeee;}
.life_list_top .current{color:#2bbec6;}
.life_list_top li{line-height: 40px;}
.life_list_top a:hover{color:#2bbec6;}
.life_menu_top .logo{text-align: center; padding-top:30px;}
.life_menu_top .profile{ margin:20px auto; text-align: center;}
.life_menu_top .profile img{border-radius: 73px;}
.life_list_bottom{text-align: center;width:220px;margin:0 20px;padding-top:20px; border-top: 1px solid #eeeeee;}
.life_list_bottom .current{color:#2bbec6;}
.life_list_bottom a:hover{color:#2bbec6;}
.life_list_bottom li{line-height: 40px;}
.new{color:#ff0069;}
.life_menu_btn{margin:0 auto; width:100%; text-align: center; margin:20px 0;}
.life_app {position: relative;margin:20px 0; display: block;width:220px; height: 150px; padding:0 20px;}
.life_app ul{padding-top: 20px;}
.life_app h4{padding-left: 5px;}
.life_app li{width:66px;text-align: center;float:left; padding:0 3px;}
.life_app li a{display: block; font-size:13px;
}
.life_app li a:hover{color:#2bbec6;}
.life_app .btn_left{position: absolute; top:60px; left:10px;}
.life_app .btn_right{position: absolute;top:60px; right:10px;}
.life_app .app_txt{padding-top:10px;}
.btn_info{position:absolute; right:10px; font-size:12px; color:#8c8c8c}
.btn_info a{color:#8c8c8c;}
.gototop{position:absolute;bottom:30px;left:790px;}

601
public/css/web/mypage.css Executable file
View File

@@ -0,0 +1,601 @@
.arrow_down{background: url(/img/web/img_down.gif) no-repeat 90% 50%;padding: 6px 25px 6px 12px !important;}
.arrow_down:hover{background: url(/img/web/img_down_on.gif) no-repeat 90% 50%; }
.arrow_up{background: url(/img/web/img_up.gif) no-repeat 90% 50%;padding: 6px 25px 6px 12px !important;}
.arrow_up_on{background: url(/img/web/img_up_on.gif) no-repeat 90% 50%;padding: 6px 25px 6px 12px !important;}
.arrow_up:hover{background: url(/img/web/img_up_on.gif) no-repeat 90% 50%; }
.br10 {
border-radius: 10px;
}
.br15 {
border-radius: 15px;
}
.profile_forms2 .form-group {
border-bottom: 1px solid #ccc;
position: relative;
clear: both;
overflow: hidden;
padding:20px 0 10px;
}
.profile_forms2 .form-group2 {
border: 1px solid #ccc;
position: relative;
clear: both;
overflow: hidden;
border-radius:5px;
}
.profile_forms2 .form-group3 {
border-bottom: 1px solid #ccc;
position: relative;
clear: both;
overflow: hidden;
padding-bottom: 10px;
}
.profile_forms2 .form_tit {
font-size: 14px;
color: #575757;
position: relative;
}
.profile_forms2 .form_txt {
font-size: 14px;
color: #575757;
padding-bottom:10px;padding-top: 20px;
}
.profile_forms2 .fixed {
font-size: 17px;
height: 40px;
line-height: 40px;
color: #545454;
}
.profile_forms2 .fixed2 {
font-size: 17px;
height: 40px;
line-height: 40px;
color: #545454;
}
.profile_forms2 .form-group input {
border: 0;
display: inline-block;
height: 40px;
line-height: 40px;
overflow: hidden;
padding: 0;
vertical-align: middle;
color: #b7b7b7;
font-size: 17px;
font-weight: normal;
}
.profile_forms2 .form-group2 input {
border:none;
display: inline-block;
height: 40px;
line-height: 40px;
overflow: hidden;
padding: 0;
vertical-align: middle;
color: #b7b7b7;
padding-left: 2%;
font-size: 17px;
font-weight: normal;
}
.profile_forms2 label {
font-size: 15px;
color: #2bbec6;
display: block;
margin-bottom: 10px;
}
/* mypage */
#mypage{ width: 100%;
display: block;
background: #fff;}
/* mypage_header */
.mypage_header{ width: 100%;
display: block;
position: relative;
height: 50px;
line-height: 50px;
border-bottom: 1px solid #e5e5e5;
background: #fff;}
.mypage_header .mypage_logo{}
.mypage_header .mypage_tit{position:absolute; left:70px; font-size:16px;}
.mypage_header .mypage_header_ingo{position:absolute; right:0;}
.mypage_logo{position: absolute;top:16px; left:20px;}
.mypage_header_ingo .profile img{border-radius: 20px; margin-top:14px;}
.social{padding:0 30px 0 10px;}
.social img{margin-top:15px;padding:0 1px;}
.arrow{ background: url(/img/web/mypage_arrow_down.gif) no-repeat 100% 50%; padding-right:10px; margin-right:10px;}
.bar img{padding:0 5px 5px; margin-top:20px; }
.beauchblue_underline{text-decoration: underline;}
.mypage_opened{position: absolute; top:51px; right:30px; width:300px; z-index:9999; line-height:20px; color:#8a8c8d; }
.mypage_opened_info {background: #f1f7fa; padding: 20px 15px;height:45px;overflow: hidden;}
.mypage_opened_info .name{font-size:15px; color:#575757;}
.mypage_opened_info .logout {float:right; }
.mypage_opened_info .logout a:hover{color:#2bbec6;}
.mypage_opened_info .logout .btn{ width:50px;border:1px solid #d8f4f5; background: #fff; padding:5px 3px; color:#000;font-size:12px;}
.mypage_opened_info .introduction{font-size:12px; display: block; padding-top:10px;}
.mypage_opened_info .profile{position: relative; width:50px; height: 85px; float:left; margin-right:10px; }
.mypage_opened_info .profile_detail{ float:left;}
.mypage_opened_info .profile .profile_l{position: absolute; border-radius: 48px; float:left;}
.mypage_opened_info .profile .carmera{position: absolute; right:0; top:30px;}
.mypage_opened_info .profile2{position: relative; width:50px; height: 60px; float:left; margin-right:10px; }
.mypage_opened_info .profile2 .carmera{position: absolute; right:0; top:30px;}
.mypage_menu {color:#575757; width:298px;border-top:1px solid #d7f4f5; border-bottom:1px solid #f1f7fa;border-left:1px solid #f1f7fa;border-right:1px solid #f1f7fa; height: 35px;overflow:hidden; background: #fff; }
.mypage_menu li{float:left; padding:10px 9px; font-size:13px;border-right:1px solid #d7f4f5;height: 35px;}
.mypage_menu li a:hover{color:#2bbec6;}
.mypage_menu li:last-child{border-right:none !important;}
/* mypage_left */
.contents{background:#f6f6f6;}
.mypage_left{float: none;
width: 13% !important;
position:absolute;left:0; top:51px;background: #f6f6f6;border-right: 1px solid #ededed;
}
.mypage_left .sec_menu li {
background: url(/img/web/img_s_menu.png) no-repeat 15% 50%;
border-bottom: 1px solid #eeeeee;
padding: 12px 20px 12px 50px;
}
.mypage_left .sec_menu li a{color: #777777;}
.mypage_left .sec_menu li .current{color:#2bbec6;}
.mypage_left .sec_menu li a:hover{color:#2bbec6;}
.mypage_left .left_title{ font-size: 15px;
padding: 12px 20px;
font-weight: bold;}
.mypage_left h3{padding:12px 40px; border-bottom: 1px solid #eeeeee;}
.mypage_left h3 a{color:#777777; font-size:15px;}
.mypage_left h3 a:hover{color:#2bbec6;}
.mypage_left h3 .current{color:#2bbec6;}
.mypage_left h3{padding:12px 30px; border-bottom: 1px solid #eeeeee; color:#2e2e2e; font-size:15px;}
/* mypage_right */
.mypage_right{
margin-left: 13%;
z-index: 840;
background: #fff;
padding: 0 2%;
overflow:hidden;
display: block;
width: 83%;
border-left: 1px solid #ededed;
}
.mypage_right_top{width:100%; border-bottom: 1px solid #e5e5e5; padding:50px 0 20px;color: #878787;}
.mypage_right_top a{color:#fff;}
.mypage_title{font-size:20px; padding-right:20px;color:#575757; vertical-align: middle;}
.mypage_title a{color:#575757;padding:0 10px;}
.mypage_title a:hover{color:#2bbec6;}
.mypage_right .table{width:100%;}
.mypage_tbl_box5 {text-align: center; width: 5%;}
.mypage_tbl_box10 {text-align: center;width: 10%;}
.mypage_tbl_box15 {text-align: center;width: 15%;}
.mypage_tbl_box40 {width: 40%;}
.mypage_tbl_box50 {width: 50%;}
.mypage_tbl_box55 {width: 55%;}
.mypage_tbl_box60 {width: 60%;}
.mypage_tbl_box70 {width: 70%;}
.mypage_tbl_box20 {text-align: center;width: 20%;}
.mypage_right table thead{background: #fbfbfb none repeat scroll 0 0;border-bottom: 1px solid #eaeaea;border-top: 1px solid #878787;height:40px; line-height: 40px;width: 100%; }
.mypage_right .btns{margin-top:50px; }
.mypage_right .btns span{float:left; padding-left:10px;}
.mypage_right table tr{line-height:40px; border-bottom: 1px solid #e5e5e5;}
.mypage_right table .btn-reply img{padding-right:5px; padding-top: 7px;}
.mypage_right table .btn-reply a{padding-right:5px; color:#2bbec6;}
.mypage_right .date{text-align:center; color:#969696;font-size:13px; }
.mypage_right .date2{text-align:center; color:#575757;font-size:13px; }
.mypage_right .btn-reply{color:#2bbec6;}
.mypage_right table .writer{color:#969696; }
.mypage_right .no{text-align:center;color:#969696; font-size:13px; }
.mypage_right table .block{text-align:center;}
.mypage_right table .block a{color:#969696; font-size:13px; }
.mypage_right table .notice{border-bottom: 1px solid #b5b5b5; }
.mypage_right table .notice .btn-notice1{font-size:13px; padding:0px 3px !important;}
.mypage_right .chain img{vertical-align:middle; padding-left:10px; }
.pagenumber { margin:30px auto; width:100%; position: fixed; left:50%; right:50%;}
.pagenumber li{ float:left;width:25px; height:25px; margin:0 2px;line-height: 25px;text-align: center;}
.pagenumber li.current{border:1px solid #e0e0e0; color:#2bbec6; }
.pagenumber .current a{ color:#2bbec6;}
.pagenumber li a{color:#999999;}
.pagenumber li a:hover{ color:#2bbec6;}
.pagenumber img{padding-top:7px;}
.pagenumber2 { margin:30px auto; width:100%; overflow:hidden;text-align:center}
.pagenumber2 a{ width:25px; height:25px; margin:0 2px;line-height: 25px;text-align: center; display:inline-block;}
.pagenumber2 a.current{border:1px solid #e0e0e0; color:#2bbec6; }
.pagenumber2 a:hover{ color:#2bbec6;}
.pagenumber2 img{padding-top:7px;}
/*
.cate1 {background:#f1f7fa; border: 1px solid #dcdcdc; width:730px; height: 45px; line-height: 45px; margin-top: 30px;}
.cate1 li{padding:0 47px;border-right: 1px solid #dcdcdc; float:left; }
.cate1 li:last-child{border-right:0 !important;}
.cate1 li a{ font-size:15px;color:#9e9e9e;}
.cate1 li a:hover{color:#04b9c2;}
*/
.cate1 { height: 45px; line-height: 45px; margin-top: 30px;}
.cate1 li{ background:#f1f7fa; padding:0 47px; border: 1px solid #dcdcdc; border-left: none; float:left; }
.cate1 li:nth-child(1){border-left: 1px solid #dcdcdc;;}
.cate1 li a{ font-size:15px;color:#9e9e9e;}
.cate1 li a:hover{ color:#04b9c2; }
.cate1 .current a{color:#04b9c2;}
.policy{line-height: 28px; padding-top:20px; border-top: 1px solid #e5e5e5; margin-top: 30px;}
.cate2 {margin: 30px 0; font-size:15px; width:100%;overflow:hidden;}
.cate2 li{padding:0 12px 10px;border-right: 1px solid #dcdcdc; float:left; }
.cate2 li:last-child{border-right:0 !important;}
.cate2 li a{ font-size:15px;color:#9e9e9e;}
.cate2 li a:hover{color:#04b9c2;}
.cate2 .current a{color:#04b9c2;}
.cate3 { height: 45px; line-height: 45px; margin-top: 30px;}
.cate3 li{padding:0 47px;border-right: 1px solid #dcdcdc; float:left; background:#f1f7fa; border: 1px solid #dcdcdc; border-left: none; }
.cate3 li:first-child { border-left: 1px solid #dcdcdc; }
.cate3 li a{ font-size:15px;color:#9e9e9e;}
.cate3 li a:hover{color:#04b9c2;}
.cate3 .current a{color:#04b9c2;}
.mypage_right .alarm{background: url(/img/web/mypage_alarm.gif) no-repeat; padding-left:30px; margin:30px 0 30px 20px;}
.slct_box{margin:20px 0; overflow:hidden;clear:both;border-bottom: 1px solid #e5e5e5; padding-bottom: 20px;}
.srch_box{margin:20px 0; clear:both; }
/* .srch_box span a{color:#575757 !important;} */
.srch_box a:hover{color:#2bbec6;}
.msg_box a:hover{color:#2bbec6;}
.unread{vertical-align: middle;padding-left: 10px;}
.unread a{color:#8e8e8e; text-decoration: underline;}
.memo{padding-right:15px; vertical-align: middle;}
.s_list{ margin-left:10px; vertical-align: middle;}
.s_list span{ padding:0 2px; font-size: 13px;}
.srch_box .s_list span a{color:#8e8e8e !important;}
.msg{}
.msg .msg_header{border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; height:80px; background: #fafafa;}
.msg .msg_header dl{padding-top:15px; padding-left:20px;}
.msg .msg_header dt{ float: left;width: 75px;height: 18px;padding: 3px 0 7px;color: #333;}
.msg .msg_header dd {overflow: hidden;height: 18px;padding: 3px 0 7px;color: #666;}
.msg_name{font-size:17px; font-weight: bold;}
.msg_read{padding:40px 20px; line-height:30px;border-bottom: 1px solid #e5e5e5; margin-bottom:20px;}
.msg_footer{padding:30px 0; color:#8e8e8e; font-size:12px;}
.msg_box{width:555px;padding-bottom:10px;}
.panel{border-top:1px solid #888888;}
.panel_header{height:70px; line-height: 70px;}
.panel_body{background: #fbfbfb; padding:30px 30px; overflow:hidden; line-height: 30px; border-bottom:1px solid #dcdcdc;border-top:1px solid #dcdcdc;}
.panel_body ul{overflow:hidden;}
.panel_body li{float:left;}
.panel_title{font-size:18px; padding-left:30px;}
.panel_header .panel_no{ padding-right:10px;}
.board .current{ color:#2bbec6;}
.board .current a{ color:#2bbec6;}
.board a:hover{ color:#2bbec6 !important;}
.navi{margin-top:30px; margin-right:30px;}
.mypage_list{border-top:1px solid #e5e5e5; }
.mypage_list .art-img{ width:90px; float:left; margin-right:20px;}
.mypage_list_cont{border-bottom:1px solid #e5e5e5; margin-bottom:20px; padding:30px 20px; overflow:hidden;}
.mypage_list_cont .btn-input{width:30px; float:left; padding-top:20px; padding-left:20px;}
.art-info{width:70%; float:left;}
.art-title{font-size:18px; padding-bottom: 10px;}
.art-title a{color:#1e1e1e;}
.art-title a:hover{color:#2bbec6;}
.art-title .company{ font-size: 14px;
padding-left: 20px;
vertical-align: top;
padding-top: 3px;
display: inline-block;}
.art-link {padding-bottom:15px;}
.art-link a{color:#9e9e9e; }
.art-sum a{color:#9e9e9e; }
.art-menu img{vertical-align: middle;}
.art-menu span{
height: 20px;}
.bttn a{color:#fff}
.bttn a:hover{color:#fff}
.bttn2 a{color:#4f4f4f;}
.btn-comment{margin-right: 10px;
vertical-align: middle;}
.btn-comment a{ padding: 1px 8px;
font-size: 12px;}
.btn-comment a:hover{color:#2bbec6;}
.bookmark_add{margin:20px 0;}
.bookmark_add .url {border: 1px solid #ccc;display: inline-block;height: 32px;line-height: 32px;overflow: hidden;padding: 0;vertical-align: middle;width: 450px;border-radius: 5px; padding-left:10px;}
.bookmark_add .url a:hover {color:#fff;}
.bookmark_add .url input {border: 0 none;float: left; height: 32px;line-height: 32px;width: 270px; font-size:14px;}
.bookmark_add button{vertical-align: middle; margin-left:5px;}
.bookmark_header{border-top: 1px solid #dbdbdb;height: 60px;background: #fafafa;line-height: 60px;padding-left: 20px;}
.comment_header{height: 60px; line-height: 60px;}
.bookmark_header a:hover{color:#2bbec6;}
.newscompany{
font-size: 13px;
vertical-align: middle;
padding-left: 10px;}
.newscompany a{ color: #8e8e8e;}
.mypage_profile{width:500px; margin:0 auto;padding: 50px 0 20px;}
.mypage_profile_title{font-size: 20px;text-align: center;color: #575757;clear: both;width: 100%;display: block;}
.profile_header{border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; height:100px; background: #fafafa; margin-top:20px;}
.profile_header dl{float: left;padding-top: 20px;margin-left: 20px;}
.profile_header dt{float: left;width: 75px;height: 18px;padding: 3px 0 7px;color: #333;}
.profile_header dd {overflow: hidden;padding: 3px;color: #666; margin-bottom:10px;}
.profile_header .txt{color:#a7a7a7; font-size:13px;}
.profile_header .photo{float:left; padding:13px 0 0 75px;}
.profile_header .photo img{border-radius: 75px;}
.profile_header .profile_table{ float: left;padding: 15px 0 0 20px;display: inline-block;}
.profile_header .profile_table tr{ border-bottom:0 !important; line-height: 20px; padding-bottom: 10px;}
.mypage_board{width:730px;}
.mypage_opened .opened_arrow {
position: absolute;
top: -9px;
left: 123px;
z-index: 9999999;
}
.mypage_list .pagenumber{margin: 30px auto;
width: 100%;
overflow: hidden;
text-align: center; position: inherit;}
.mypage_list .pagenumber a{ width:25px; height:25px; margin:0 2px;line-height: 25px;text-align: center; display:inline-block;color:#999999;}
.mypage_list .pagenumber a.current{border:1px solid #e0e0e0; color:#2bbec6; }
.mypage_list .pagenumber a:hover{ color:#2bbec6;}
.mypage_list .pagenumber img{padding-top:7px;}
/* forms*/
.srch span {border: 1px solid #ccc;display: inline-block;height: 32px;line-height: 32px;overflow: hidden;padding: 0;vertical-align: middle;width: 300px;border-radius: 5px; padding-left:10px;}
.srch span input {border: 0 none;float: left; height: 32px;line-height: 32px;width: 270px; font-size:14px;}
.srch img{float:right; padding:6px 5px 0;}
.slct{ background: #fff url("/img/web/img_select.gif") no-repeat 95% 50%; overflow:hidden; width:150px; float:left;margin-right:10px; border:1px solid #ccc; border-radius: 5px;}
.slct select {border: none;height: 32px;line-height: 32px;width: 170px;font-size:14px;font-size: 14px;background: transparent none repeat scroll 0 0;-webkit-appearance: none;-moz-appearance: none;padding-left:10px; color:#757575;}
.profile_forms input{ border: 1px solid #ccc;border: 1px solid #ccc;display: inline-block;height: 32px;line-height: 32px;overflow: hidden;padding: 0;vertical-align: middle;width: 97%;border-radius: 5px;padding-left: 2%; font-size:14px;}
.profile_forms label{font-size:16px; margin:20px 0 10px 0; display:block;}
.profile_forms .form-group{clear:both; display: block; overflow:hidden; position: relative;}
.profile_forms .form_wrap{border-bottom:1px solid #dbdbdb; padding-bottom:30px;}
.profile_forms .form_wrap .profile_title{font-size:16px; color:#2bbec6; margin-top:30px;}
.form-box{position:relative;}
.txt_fix {position: absolute;font-weight: normal;text-indent: 0;}
.txt_domain {height: 32px;top: 0;right: 0;padding: 0 20px;line-height: 32px;font-size:13px;}
.msg input {border: 1px solid #ccc;border-radius: 5px;display: inline-block;font-size: 14px;height: 32px;line-height: 32px;overflow: hidden;padding: 0 0 0 2%;vertical-align: middle;}
.msg textarea{border-radius: 5px;border: 1px solid #ccc; margin:20px 0;}
input::-webkit-input-placeholder { color:#a7a7a7 }
input::-moz-placeholder { color:#a7a7a7 }
.popup_wrap2 {
left: 50%;
line-height: 25px;
margin-left: -405px;
position: absolute;
top: 190px;
color: #707070;
z-index: 99999;
background: #transparent;
}
.popuptop3 {
background: #44cbd2;
height: 50px;
line-height: 50px;
position: relative;
}
.popuptop3 .p_title2 {
color: #fff;
font-size: 16px;
padding-left:40px;
}
.popuptop3 .p_title2 a{
color: #fff;padding:0 5px; font-size:14px;
}
.popuptop3 .p_title2 a:hover{font-weight: bold;}
.popuptop3 .p_title2 .current{font-weight: bold;}
.popupbody3 {
background: #fff;
position: relative;
padding: 0 40px;
overflow: hidden;
}
.popuptop3 .btn-tit{position:absolute; right:110px; top:1px; color:#fff;}
.popuptop3 .btn-info{position:absolute; right:60px; top:10px;}
.popuptop3 .btn-close{position:absolute; right:25px; top:14px;}
.pop_box{background: #f5f6f6; border: 1px solid #ededed; padding:3px 10px; position: absolute; bottom:10px; right:0;}
.pop_box a{color:#787878; font-size:13px;}
.popup_date{font-size:13px; color:#999999;}
.pop_cont_like{background: #04b9c2; color:#fff; padding:0 3px;}
.popupbody3 .pop_tit{border-bottom: 1px solid #ebeef3; padding:30px 0 10px; color:#000; font-size:15px; position: relative;}
.pop_cont_box{border-bottom:1px solid #ebeef3; padding:20px 0;overflow: hidden; }
.pop_cont_img{width:10%; float:left; }
.pop_cont_img img{border-radius: 50px; margin-top:10px;}
.pop_cont_img2{float:left; }
.pop_cont_img2 img{ margin-top:10px; padding-bottom:10px;}
.pop_cont_txt_box{width:80%; float:left; padding-top:10px;}
.pop_cont_txt_box .t_black a{color:#000; font-size: 15px;}
.pop_cont_txt_box .t_black a:hover{color:#2bbec6;}
.pop_cont_info{width:10%; float:left;}
.info_popup{position:absolute; right:60px;background: #f5f6f6;
border: 1px solid #ededed;
padding: 3px 10px;}
.info_popup a{font-size: 13px;}
.info_popup2{position:absolute; right:20px;background: #fff;
border: 1px solid #ededed;
padding: 3px 10px;}
.info_popup2 a{font-size: 13px;}
.reply_box2 .box_wrap .info_popup2 li {float:none;}
.pop_cont_title a:hover{color:#2bbec6;}
.btn_life {
clear: both;
width: 95%;
height: 40px;
line-height: 40px;
position: relative;
margin: 40px 0px;
}
.btn_life img {
vertical-align: middle;
}
.delivery_info{ position: absolute;
right: 100px;
background: #f5f6f6;
border: 1px solid #ebebeb;
width: 500px;
z-index: 9999;line-height: 26px;
top: 50px; padding:15px;}
.delivery_info .d_info_tit{color:#000; font-size:16px; padding-bottom: 5px;}
.delivery_info .d_info_txt{font-size:12px;}
.delivery_info2{ position: absolute;
right: 100px;
background: #f5f6f6;
border: 1px solid #ebebeb;
width: 500px;
z-index: 9999;line-height: 26px;
top: 50px; padding:15px;}
.delivery_info2 .d_info_tit{color:#000; font-size:16px; padding-bottom: 5px;}
.delivery_info2 .d_info_txt{font-size:13px;}
.r_base {
overflow: hidden;
display: block;
clear: both;
}
.icons {
float: right !important;
}
.icons span {
padding-left: 20px;
}
.thumbup {
color: #e64c3d;
}
.thumbdown {
color: #3c92ca;
}
.icons img {
padding-right: 7px;
}
.icons2 {
float: right !important;
}
.thumbup2 {
color: #e64c3d;padding-left: 20px;
}
.thumbdown2 {
color: #3c92ca;padding-left: 20px;
}
.icons2 img {
padding-right: 7px;
}
.reply_sort {
padding-top:10px;
font-size: 16px;
}
.reply_sort span {
padding-right: 10px;
}
.reply_sort a{font-size: 14px;}
.reply_sort .current {
color: #000;
}
.pop_replay_more a{font-size:12px; color:#8e8e8e;}
.pop_cont_title img{padding-top:3px; padding-right:5px;}
.reply_box2{ clear:both; overflow:hidden; background: #f5f6f6; border-top:1px solid #ebeef3; padding:20px 20px 0 20px; margin-top:20px; display:block;}
.reply_box2 .box_wrap{overflow:hidden;display: block; border-bottom: 1px solid #e0e1e1; padding-bottom:20px; margin-bottom:20px;}
.reply_box2 .box_wrap li{float:left;}
.reply_box2 .box_wrap2{overflow:hidden;display: block; margin-bottom:20px;}
.reply_box2 .box_wrap2 li{float:left;}
.reply_box2 .box_wrap .r_text li{float:left; padding-right:10px;}
.reply_box {
border: 1px solid #c5c5c5;
margin-top: 10px;
clear: both;
overflow: hidden;
background: #fff;
}
.reply_btn{background: #04b9c2; width:87px; height: 47px; color:#fff; float:right; text-align: center; line-height: 47px;}
.reply_btn a{color:#fff;}
.reply_btn a:hover{color:#fff;}
.reply_social{padding:20px 20px 0 20px;}
.facebook {
}
.reply_write {
color: #999999;
line-height: 23px;
padding: 10px 20px;
}
.reply_write textarea{ z-index: auto;
position: relative;
line-height: 20px;
font-size: 13px;
padding: 10px;
border: none;}
.reply_regist {
border-top: 1px solid #e8e9ea;
height: 46px;
line-height: 46px;
}
.reply_no{color:#bcbcbc; padding-left:20px;}
.reply_btn{background: #04b9c2; width:87px; height: 47px; color:#fff; float:right; text-align: center; line-height: 47px;}
.reply_btn a{color:#fff;}
.reply_btn a:hover{color:#fff;}
.tweet img {
}
.reply_close {
width: 90px;
height: 30px;
line-height: 30px;
border: 1px solid #c7c7c7;
text-align: center;
margin: 20px auto;
}
.reply_close img {
padding-top: 12px;
padding-left: 5px;
}
.r_info {
color: #999999;
}
.r_date {
font-size: 12px;
}
.r_info span {
padding-right: 10px;
}
.r_info a {
color: #999;
}
.img_reply{width:20px;}
.reply_social{padding:20px 20px 0 20px;}
.reply_social span {
padding-right: 10px;
}
.footer{background: #f1f7fa; height: 85px; clear:both;}
.footer .wrap {
width: 100%;
margin: 0 auto;
position: relative;
}
.footer_search{background: #f1f7fa;clear:both; padding:30px 0;}
.copyright{position: absolute;left:30px;color:#888888; font-size:11px; top:40px;}
.f_social{position: absolute;top:30px;right:30px;}
.f_social a{padding:0 3px;}
.f_social_l{margin:0 auto; text-align:center;}
.f_social_l a{padding:0 3px;}

940
public/css/web/news.css Executable file
View File

@@ -0,0 +1,940 @@
@charset "utf-8";
/* top */
#news{color:#4e4e4e;}
.top{width:100%; border-bottom: 1px solid #e5e5e5; height:30px; line-height:30px; background:#f3f3f3; color:#888888; font-size:12px;}
.wrap{width:1060px; margin:0 auto; position: relative;}
.area_links{float:left;}
.area_links a{color:#888;}
.area_links a:hover{color:#2bbec6;}
.area_links .current{color:#2bbec6;}
.area_ingo{float:right;}
.area_ingo a:hover{color:#2bbec6;}
.area_ingo .current{color:#2bbec6;}
.beachblue{color:#2bbec6;}
.beachblue a{color:#2bbec6;}
/* header */
.header{clear:both; position: relative; border-bottom: 1px solid #e4e4e4; }
.header .special{height:85px; line-height: 85px; }
.header .special .logo{width: 115px;top: 30px;left: 8px;position: absolute;}
.menu li{float:left; }
.menu li:first-child{float:left; margin-left:0 !important;}
.menu li a{font-size:14px; font-weight: 700; display: block; padding: 0 10px; position: relative;}
.menu li a:hover{color:#04b9c2;}
.menu li .current, .menu li .current:visited {color:#04b9c2; font-weight: 700;}
.menu li .current:after{content: ''; display: block; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background: #04b9c2;}
.section_navbar{height:45px; line-height: 45px;border-top: 1px solid #e5e5e5; }
.bar img{padding:0 5px 5px; margin-top:10px; }
.social { padding: 0 20px 0 10px;}
.social img {margin-top: 5px;padding: 0 1px;}
.search{position: absolute;
top: 40px;
left: 150px;
margin-top: -18px;
width: 595px;}
.open_search{
width: 593px;
border: 1px solid #d9d9d9;
position: absolute;
top: 64px;
background: #fff;
z-index: 9999;
left: 150px;
}
.open_search .roll_box .date{padding:0 10px; font-size: 12px; color:#8d8d8d;}
.open_search .roll_box .close{padding-top:8px;}
.open_search .roll_box { padding: 10px 0;}
.open_search .roll_box a{font-size:16px; color:#4e4e4e;}
.open_search .roll_box div{ height: 30px;
line-height: 30px;
display: block;
/* width: 100%; */
clear: both;
padding: 5px 20px;
margin-bottom: 4px;}
.open_search .roll_box div:hover{background: #f1f7fa;}
.open_search .roll_box .on{color:#00a3ab;}
.open_search .roll_box .current{background: #f1f7fa;}
.roll_footer{ background: #f1f7fa;
height: 30px;
line-height: 30px;
padding: 5px 20px;}
.roll_footer a{color:#575757; font-size:12px ; }
.roll_footer span{padding:0 5px;}
.window{ position: absolute;display: inline-block;width: 546px;height: 41px;border: 1px solid #04b9c2;background: #fff;padding-left: 20px;font-size: 15px;color: #686868;}
.src_sumit{position: absolute;top: 0;right: 0;overflow: visible;width: 45px;height: 43px; line-height:43px; border: 0;background: #04b9c2;}
.roll{float:right; width:240px;font-size: 16px; }
.roll .number{padding-right:5px;}
.roll .roll_txt a:hover{color:#2bbec6;}
.roll img{vertical-align: middle; padding-left:20px; }
.open_roll {width:300px; border:1px solid #d9d9d9; position: absolute; top:-1px; right:0;background: #fff;z-index: 9999;}
.open_roll .txt{text-align: center; font-size:16px;color:#595959;}
.open_roll .ranking li{float:left;text-align: center;}
.open_roll .ranking li a{color:#b2b2b2;}
.open_roll .ranking {width:100%; height: 30px; line-height:30px; background: #f1f7fa;}
.open_roll .ranking img{padding-top:8px;}
.open_roll .ranking a:hover{color:#04b9c2;}
.open_roll .ranking .current{color:#04b9c2;}
.open_roll .roll_box{clear:both;overflow:hidden; padding: 0 15px 15px 15px;}
.open_roll .roll_box img{vertical-align: middle;}
.open_roll .roll_box .no{ color: #2bbec6;text-align: center;margin: 0 auto;display: inline-block;width: 10%;}
.open_roll .roll_box .graph{display: inline-block;}
.open_roll .roll_box .keyword{width:78%; display: inline-block;}
.open_roll .roll_box .keyword a:hover{color:#2bbec6;}
.open_roll .roll_box li{line-height: 25px;}
.condition{ position: relative; float: right;width: 260px;font-size: 14px;}
.condition li { -webkit-line-clamp:1; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow:hidden; white-space: nowrap; }
/*.condition .tt {color: #191919;padding-left: 20px;}*/
.condition .tt { position: absolute; top: 0; left: -20px; color: #191919;padding-left: 20px;}
/*.condition .country {color: #20c8d3;padding: 0 10px;}*/
.condition .country {color: #20c8d3;padding: 0 10px 0 85px;}
.condition img {vertical-align: middle;}
.condition .weather {padding: 0 5px;}
.news_ingo{position:absolute; right:0;}
.news_ingo .profile img{border-radius: 20px; margin-top:4px;}
padding: 0 20px 0 10px;
.social img{margin-top:6px;padding:0 1px;}
.arrow{ background: url(/img/web/mypage_arrow_down.png) no-repeat 100% 50%; padding-right:10px; margin-right:10px;}
.mypage_opened{position: absolute; top:31px; right: 15px; width:300px; z-index:9999; line-height:20px; color:#8a8c8d; }
.mypage_opened_info {background: #f1f7fa;padding: 15px 15px 0;overflow: hidden;}
.mypage_opened_info .name{font-size:15px; color:#575757;}
.mypage_opened_info .name > a { font-size: 14px; display: inline-block; max-width: 125px; }
.mypage_opened_info .logout {float:right; }
.mypage_opened_info .logout a:hover{color:#2bbec6;}
.mypage_opened_info .logout .btn{ width:50px;border:1px solid #d8f4f5; background: #fff; padding:5px 3px; color:#000;font-size:12px;}
.mypage_opened_info .introduction{font-size:12px; display: block; padding-bottom:5px;}
.mypage_opened_info .profile{position: relative; width:50px; height: 85px; float:left; margin-right:10px; }
.mypage_opened_info .profile2{position: relative; width:50px; height: 60px; float:left; margin-right:10px; }
.mypage_opened_info .profile_detail{ float:left;}
.mypage_opened_info .profile .profile_l{position: absolute; border-radius: 48px; float:left;}
.mypage_opened_info .profile .carmera{position: absolute; right:0; top:30px;}
.mypage_opened_info .profile2 .carmera{position: absolute; right:0; top:30px;}
.mypage_opened_info2 {background: #f1f7fa;overflow: hidden;}
.mypage_opened_info2 .name{font-size:15px; color:#575757;}
.mypage_opened_info2 .name > a { max-width: 130px; display: inline-block; font-size: 14px; letter-spacing: -1.5px; vertical-align: bottom; }
.mypage_opened_info2 .logout {float:right; }
.mypage_opened_info2 .logout a:hover{color:#2bbec6;}
.mypage_opened_info2 .logout .btn{ width:50px;border:1px solid #d8f4f5; background: #fff; padding:5px 3px; color:#000;font-size:12px;}
.mypage_opened_info2 .introduction{font-size:12px; display: block; padding-top:5px;}
.mypage_opened_info2 .profile{position: relative; width:50px; height: 85px; float:left; margin-right:10px; }
.mypage_opened_info2 .profile2{position: relative; width:50px; height: 60px; float:left; margin-right:10px; }
.mypage_opened_info2 .profile_detail{ float:left;}
.mypage_opened_info2 .profile .profile_l{position: absolute; border-radius: 48px; float:left;}
.mypage_opened_info2 .profile .carmera{position: absolute; right:0; top:30px;}
.mypage_opened_info2 .profile2 .carmera{position: absolute; right:0; top:30px;}
.mypage_opened .mypage_menu {color:#575757; width:298px;border-top:1px solid #d7f4f5; border-bottom:1px solid #f1f7fa;border-left:1px solid #f1f7fa;border-right:1px solid #f1f7fa; height: 35px;overflow:hidden; background: #fff; }
.mypage_opened .mypage_menu li{float:left; padding:10px 10px; font-size:13px;border-right:1px solid #d7f4f5;height: 35px;}
.mypage_opened .mypage_menu li a:hover{color:#2bbec6;}
.mypage_opened .mypage_menu li:last-child{border-right:none !important;}
.mypage_opened .beauchblue_underline{text-decoration: underline;}
.mypage_opened .opened_arrow{position: absolute; top:-9px; left: 123px;
z-index: 9999999;}
.mypage_opened_box .mypage_menu2 {color:#575757; width:270px;border-top:1px solid #d7f4f5; border-bottom:1px solid #f1f7fa;border-left:1px solid #f1f7fa;border-right:1px solid #f1f7fa; height: 35px;overflow:hidden; background: #fff; }
.mypage_opened_box .mypage_menu2 li{float:left; padding:10px 7px; font-size:13px;border-right:1px solid #d7f4f5;height: 35px;}
.mypage_opened_box .mypage_menu2 li a:hover{color:#2bbec6;}
.mypage_opened_box .mypage_menu2 li:last-child{border-right:none !important;}
.mypage_opened_box .beauchblue_underline{text-decoration: underline;}
.mypage_opened .opened_arrow{position: absolute; top:-9px; left: 123px;
z-index: 9999999;}
.arrow_down{background: url(/img/web/img_down.gif) no-repeat 90% 50%;padding: 6px 25px 6px 12px !important; position: absolute;
right: 55px;
top: 15px;}
.arrow_down:hover{background: url(/img/web/img_down_on.gif) no-repeat 90% 50%; }
.arrow_down_on{background: url(/img/web/img_down_on.gif) no-repeat 90% 50%; padding: 6px 25px 6px 12px !important;position: absolute;
right: 55px;
top: 15px;}
.arrow_up{background: url(/img/web/img_up.gif) no-repeat 90% 50%;padding: 6px 25px 6px 12px !important;position: absolute;
right: 55px;
top: 15px;}
.arrow_up_on{background: url(/img/web/img_up_on.gif) no-repeat 90% 50%;padding: 6px 25px 6px 12px !important;position: absolute;
right: 55px;
top: 15px;}
.arrow_up:hover{background: url(/img/web/img_up_on.gif) no-repeat 90% 50%; }
.news_cate{ font-size: 17px;
border-bottom: 1px solid #eaeaea;
color: #000;
padding: 0 0 10px 0;
margin-bottom: 10px;}
.news_cate .categroy img{vertical-align: middle;}
.rankynews{}
.ranky_tit{font-size:18px; float:left;}
.ranky_date{float:right; font-size: 18px;}
.rankytop {height: 40px;
line-height: 40px; font-size: 12px; display: none;}
.rankytop a:hover{color:#2bbec6;}
.rankytop .current{color:#2bbec6;}
.rankytop .gap{padding-right:10px;}
.rankytop .btn-default_bb{color: #2bbec6;background-color: #fff;border-color: #2bbec6; border: 1px solid #2bbec6 ; border-radius:10px; padding:2px 7px; font-size:12px;}
.rankylist{clear:both;padding:10px 0; display: block;overflow: hidden; border-bottom: 1px solid #eaeaea; border-top: 1px solid #eaeaea; margin-bottom:30px; }
.rankylist li{float:left; padding:0 15px;}
.rankylist li a{font-size:14px;}
.rankylist .current{color: #2bbec6;border-bottom: 1px solid #2bbec6;padding-bottom: 9px;}
.rankylist a:hover{color: #2bbec6;border-bottom: 1px solid #2bbec6;padding-bottom: 9px;}
/* left */
.contents{width:100%; overflow: hidden;}
.contents .wrap{ width: 1060px; margin: 0 auto; position: relative; overflow:hidden; display: block; background: url(/img/web/news_bar.gif) 760px 0 repeat-y;}
.top_banner{border-bottom: 1px solid #d1d1d1;padding-bottom: 30px;text-align: center;}
.c_left{width:745px; float:left; margin-right:15px;}
.c_right{ width:300px; float:left;}
.art_box{ position:relative; margin:20px 0; overflow:hidden;}
.art_box .art_list{ position:relative;float:left;}
.art_box .art_list li{ position:relative; padding: 7px 0;}
.art_box .art_list li a{font-size:16px;}
.art_box .art_list li a:visited { color: #888; }
.art_box .art_list li a:hover{color:#2bbec6;}
.art_box .art_img{position:relative;width:365px;margin-right:20px; float:left;}
.art_box .art_img .art_t_box{position: absolute; bottom:0; left:0;}
.art_box .art_img .art_p_tit{margin-bottom: 10px;}
.art_box .art_img .art_p_tit a{color:#fff; font-size:20px; }
.art_box .art_img .art_p_txt a{color:#fff; font-size:14px;}
.art_box .art_img .art_t_box{padding:0 20px 20px; z-index: 999;}
.shadow {
clear: both;
width: 100%;
height: 100%;
display: block;
position: absolute;
bottom: 0;
left: 0;
z-index: 1;
background-color: #000;
opacity: 0.2;
}
.banner{margin-bottom:20px;}
.cardnews{clear:both; margin-top:20px;}
.card_box{width:100%; clear:both; margin-bottom:20px;overflow:hidden;}
.card_box li{width:171px;border:1px solid #ebeef3; float:left; margin-right:17px; height: 210px;}
.card_box li:last-child{margin-right:0 !important;}
.card_title{ text-align: center; padding:15px 8px; box-sizing: border-box; border: 1px solid #eaeaea}
.card_title a:hover{color:#2bbec6;}
.card_title a{font-size: 13px; line-height: 1.3; display: block;}
.card_title a:visited{color:#888;}
.card_txt{font-size:12px;text-align: center; padding:10px 10px 10px; line-height: 18px;}
.card_tab{position: absolute;left:0; top:0; background: #04b9c2; color: #fff; font-size: 12px; padding:5px 10px;}
.card_tab a{color:#fff;}
.card_main{position: relative;width:363px !important;}
.card_main .card_main_title{position: absolute;top: 70px;color: #fff;font-size:16px;z-index: 9998;text-align: center;margin: 0 auto;width: 100%;}
.card_main .card_main_title span{border-bottom:1px solid #fff; padding-bottom:10px;}
.card_main .card_main_txt a{color:#fff;}
.card_main .card_main_txt{position:absolute; top:110px; color:#fff;left:0;z-index:9998;width: 100%;font-size:24px;text-align: center;font-family:나눔명조, Nanum Myeongjo, georgia,돋움;}
.cont_box {background: #fff; border:1px solid #dcdcdc; height: 45px; line-height: 45px; margin-top:20px; clear:both; display:block;}
.cont_box2{background: #fff; border:1px solid #dcdcdc; margin-top:20px; clear:both; display:block; overflow:hidden;}
.cont_box .weather{padding:0 5px;}
.cont_box .weather img{vertical-align: middle;}
/*.cont_box .tt{color:#191919; padding-left:20px;}*/
.cont_box > .tt{ position: absolute; top: 0; left: 0; color:#191919; padding-left:20px;}
/* .cont_box .date{color:#8b8b8b; padding-left:105px;} */
.cont_box .date{ position: absolute; top: 0; left: 90px; color:#8b8b8b; }
.cont_box .country{color:#20c8d3;padding:0 10px 0 160px;}
/*.cont_box .related_news{float:right; margin-right:20px;}*/
.cont_box .related_news{float:right; margin-right:20px;}
/*.cont_box .box_related{background: #e6e6e6; color:#7d7d7d; padding:2px 10px; margin-right:10px;}*/
.cont_box .box_related{ position: absolute; top: 10px; left: 405px; line-height: 20px; background: #e6e6e6; color:#7d7d7d; padding:2px 10px; margin-right:10px;}
/*.cont_box .box_title{color:#04b9c2; padding-left:20px;}
.cont_box2 .box_title{color:#04b9c2; padding-left:20px;}*/
.cont_box .box_title{ position: absolute; top: 0; left: -5px; color:#04b9c2; padding-left:20px;}
.cont_box2 .box_title{position: absolute; top: 0; left: -5px; color:#04b9c2; padding-left:20px;}
.location{padding-left:20px;}
.related_news a{padding:0 2px;}
/*.related_news .current{color:#04b9c2;}*/
.related_news .current{position: absolute; top: 0; left: 0; color:#04b9c2;}
.related_news a:hover{color:#04b9c2;}
.related_news a:visited{ color: #888; }
.company_list{border-bottom:1px solid #ebeef3; overflow: hidden;}
.company_list li{float:left; border-right:1px solid #ebeef3; width:92px; height:74px; line-height: 74px; text-align: center;}
.company_list li:last-child{border-right:0 !important;}
.company_list img {vertical-align: middle;}
.company_top {height:41px; line-height: 41px; border-bottom: 1px solid #dcdcdc;}
.company_top .cate {padding-left:20px;}
.company_top .cate a:hover{color:#2bbec6}
.company_top .cate .current{color:#2bbec6}
.company_top .c_arrow{float:right; }
.list_left{width: 730px;padding-right: 30px; padding-top: 30px; float: left; }
.list_left .column_list{padding-top:20px}
.list_left .column_list a:hover{color:#2bbec6;}
.list_right{width:299px; float:left; padding-top: 30px;}
.news_list .art-info{width:520px; float:left;}
.news_list .art-info2{float:left; width:550px;}
.news_list .art-info3{float:left; width:100%;}
.news_list .art-info4{float:left; width:95%;}
.news_list .art-img {width: 160px;float: right;margin-left: 20px;}
.news_list .art-img2 {position: relative;width: 160px; height: 110px; overflow: hidden;float: left;margin-right: 20px;}
.news_list .art-img2 img{width: 100%; height: 100%; }
.news_list .art-img2:after{
content: '';
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
border: 1px solid rgba(0,0,0,.03);
}
.news_list .list_no{font-size:18px; color:#2bbec6; width:30px; float:left; font-weight: bold;}
.news_list .art-title {font-size: 20px;padding-bottom: 10px; font-weight: 700; padding-top: 5px;}
.news_list .art-title .company{ font-size: 14px;padding-left: 20px; vertical-align: top;padding-top: 3px;display: inline-block;}
.news_list .art-title a{color: #333;}
.news_list .art-title a:hover{color:#2bbec6;}
.news_list .art-title .comment {font-size:14px; color:#c3c3c3; font-weight: normal; display: none;}
.news_list .art-title .comment img{vertical-align: middle;}
.news_list .art-sum{font-size:14px;line-height: 25px; color: #888;}
.news_list .art-sum a{color: #666; font-weight: 400; display: block; line-height: 1.6;}
.news_list_cont{clear:both; border-bottom: 1px solid #eaeaea;margin-bottom: 18px;overflow: hidden;display: block; padding-bottom:18px;}
.news_list_cont .origin{color:#9a9a9b; font-size:15px; padding-left:10px;}
.news_list_cont .origin a{color:#9a9a9b; font-weight: normal;}
.news_list_cont .column_tit{text-decoration: underline; padding-top: 30px; padding-bottom: 20px;}
.news_list_cont .column_tit a{color:#a5a5a5;}
.news_list .n_date{font-size:12px; color:#a5a5a5; padding-bottom:10px; display: none;}
.pagenumber { margin:30px auto; width:100%; overflow:hidden;text-align:center}
.pagenumber a{ width:23px; height:23px; line-height: 23px;text-align: center; display:inline-block; font-size: 13px; }
.pagenumber a.current{border:1px solid #2bbec6; color:#2bbec6; font-weight: 700; }
.pagenumber a:hover{ color:#2bbec6;}
.pagenumber img{padding-top:7px;}
.todayphoto{ padding-top:15px;}
.todayphoto h4 {font-weight: bold;padding-bottom: 10px;font-size:14px;}
.todayphoto_box {width: 100%;clear: both;margin-bottom: 20px;overflow: hidden; position: relative;}
.todayphoto_box li {width: 171px; float: left;margin-right: 15px; line-height: 22px}
.todayphoto_box li > div img{display: block;}
.todayphoto_box .s_left{position:absolute; left:0; top:35px;z-index: 9998;}
.todayphoto_box .s_right{position:absolute; right:0; top:35px;z-index: 9998;}
.todayphoto li:last-child {margin-right: 0 !important;}
.mostreply{font-size:16px; margin:30px 0 30px 0; display: block; overflow:hidden; border: 1px solid #eaeaea; padding: 30px; padding-bottom: 23px; background: #fbfbfc;}
.mostreply h4{ font-weight: bold;padding-bottom: 10px; font-size:14px;}
.mostreply .viewall a{font-size:12px; color:#7e7f82;}
.gototop{position:absolute;bottom:30px;left:790px;}
.view_header h2{font-size:32px; padding:15px 0 10px 0; letter-spacing: -2px; color:#383737; /*-webkit-line-clamp:1; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow:hidden; white-space: nowrap;*/}
.view_header .time{font-size:13px; color:#888; font-weight: normal;}
.view_header .category{padding-left:35px; }
.view_header .category a{padding:0 5px;color:#888888;}
.view_header .category img{padding-top: 2px;}
.function{float:right; margin-top: 20px;}
.function a{padding-left:10px; width:20px; height: 20px;}
.spirit_weather{color:#fff; border-radius: 10px; background: #20c8d4; width:120px; float:left;}
.logo_company{display: inline-block;padding-right:7px; width: 80px;}
.logo_company img{width: 100%; height: auto !important;}
.w_info{height:65px;}
.w_info li{float:left; padding: 0 10%;
width: 30%;display: inline-block; text-align: center; height: 65px; line-height: 65px;}
.w_info li img{vertical-align: middle;}
.w_location{background: #12abbd; font-size:10px; text-align:center; height: 25px; line-height: 25px; border-radius: 0 0 10px 10px;}
.reply{margin-top:30px;}
.view_header{border-bottom: 1px solid #ebeef3; padding-bottom:20px;}
.view_main{clear:both;}
.view_main .sub_tit{margin-top:70px; font-size: 16px; color:#333; padding-bottom:20px; font-weight: normal;}
.view_main .sub_tit_bar{text-align:center;margin-bottom:20px}
.view_main .sub_tit_bar img{display: none;}
.view_main .view_img{text-align: center; }
.view_main .view_img .img_desc{float:left !important; padding-top:10px; color:#999;}
.view_main .view_article{clear:both; font-size:17px; line-height: 28px;}
.view_main .view_article img { max-width:750px; width: 100%; }
.view_main .writer{height:40px; line-height: 40px; font-size:14px; color:#888; padding-top:30px;}
.view_main .writer img{vertical-align: middle;}
.reaction{padding:30px 0; border-top:1px solid #ebeef3;border-bottom:1px solid #ebeef3; overflow:hidden; margin-top: 20px; font-size:17px;}
.reaction .reaction_box{float:left; width:20%;}
.reaction img{float:left; padding-right:10px;}
.reaction .like{font-size:13px; padding-top:11px;}
.reaction .click{text-align: center; padding-top:5px;}
.rb{text-align: center;}
.relatedarticle{margin-top:30px;}
.relatedarticle h4{font-weight: bold;padding-bottom: 10px; font-size:15px;}
.relatedarticle li{ background: url(/img/web/img_dot.gif) no-repeat left 50%; line-height: 30px;}
.relatedarticle li a{padding-left:10px; font-size:16px;}
.relatedarticle li a:hover{color:#2bbec6;}
.reply{border-top:1px solid #ebeef3; padding-top:30px;}
.reply .delete{padding-left:20px; color:#bcbcbc;}
.reply_social span{padding-right: 10px;}
.reply .reply_write{color:#999999; line-height: 23px; padding:10px 20px;}
.reply_regist{border-top:1px solid #e8e9ea; height:46px; line-height: 46px; }
.reply_no{color:#bcbcbc; padding-left:20px;}
.reply_btn{background: #04b9c2; width:87px; height: 47px; color:#fff; float:right; text-align: center; line-height: 47px;}
.reply_btn a{color:#fff;}
.reply_btn a:hover{color:#fff;}
.reply_social{padding:20px 20px 0 20px;}
.reply_write textarea{ z-index: auto;
position: relative;
line-height: 20px;
font-size: 13px;
padding: 10px 0;
border: none;}
.thumbup2{color:#e64c3d;padding-left: 20px;}
.thumbdown2{color:#3c92ca;padding-left: 20px;}
.r_info{color:#999999; padding-bottom:10px;}
.r_info a{color:#999;}
.r_info a:hover{color:#2bbec6;}
.r_info span{padding-right:10px;}
.r_date{font-size:12px;}
.r_text{font-size: 15px;padding-bottom:15px;}
.r_text label { border-radius: 3px; padding: 2px 4px; color: #fff; background: #e64c3d; display: inline-block; margin-right: 5px; font-size: 11px; }
.r_text div:nth-child(2) { display: inline-block; vertical-align: sub; }
.reply_sort{border-bottom: 1px solid #ebeef3; margin-top:20px; padding:10px 0; font-size:16px; }
.reply_sort span{padding-right:20px;}
.reply_sort a:hover{ color:#000;}
.reply_sort .current{ color:#000;}
.reply_comment{padding:20px 0;border-bottom: 1px solid #ebeef3; overflow:hidden;}
.reply_comment_open{padding:20px 0;border-bottom: 0px; overflow:hidden;}
.r_base{overflow:hidden;display:block;}
.icons2{float:right !important; }
.reply_box2 .icons{float:right !important; padding-top:20px; }
.icons2 img{padding-right:7px;}
.reply .reply_box{ border: 1px solid #c5c5c5;margin-top: 10px;clear: both;overflow: hidden;background: #fff;}
.reply .reply_box2{ clear:both; overflow:hidden; background: #f5f6f6; border-top:1px solid #ebeef3; padding:20px 20px 0 20px; margin-top:20px; display:block;}
.reply .reply_box2 .box_wrap{overflow:hidden;display: block; border-bottom: 1px solid #e0e1e1; padding-bottom:20px; margin-bottom:20px;}
.reply .reply_box2 .box_wrap li{float:left;}
.reply .reply_box2 .box_wrap2{overflow:hidden;display: block; margin-bottom:20px;}
.reply .reply_box2 .box_wrap2 li{float:left;}
.reply .reply_box2 .box_wrap .r_text li{float:left; padding-right:10px;}
.reply_close{width:90px; height: 30px; line-height: 30px; border: 1px solid #c7c7c7; text-align: center; margin:20px auto;}
.reply_close a:hover{color:#2bbec6;}
.reply_close img{ padding-top:12px;padding-left:5px;}
.img_reply{width:20px; float:left;}
.r_img2{width:20px; padding-top:10px;}
.community {width:100%;}
.community .table2{background: #f1f7fa; width:100%; margin-bottom: 20px}
.community .table2 td{width:20%; border: 1px solid #ddd; height:50px; text-align: center;}
.community .table2 .current{color:#2bbec6; font-weight: bold;}
.community .table2 a:hover{color:#2bbec6; font-weight: bold;}
.community .table2 a{color:#9e9e9e;}
.community .c_info{font-size:12px; color:#8a8c8d; overflow:hidden; display: block; padding:0 0 20px 0;}
.community .c_info img{padding-top:8px;}
.community .c_info li{float:left; line-height: 20px;}
.community .board_write input {float: left;font-size: 14px;border: 1px solid #ccc;display: inline-block;height: 32px;line-height: 32px;overflow: hidden;padding: 0;vertical-align: middle;width: 400px;padding-left: 10px;}
.community .board_write dl {padding-top: 15px;padding-left: 20px;}
.community .board_write dt {float: left;width: 75px;height: 30px;line-height: 30px;padding: 3px 0 7px;color: #888888;}
.community .board_write dd {overflow: hidden;height: 30px; line-height: 30px;padding: 3px 0 7px;color: #666;}
.community .write{margin-top:20px;}
.seeall{text-decoration: underline; color:#2bbec6 ; padding:5px 10px;}
.seeall a{color:#2bbec6; }
.community .cont_box .related_news{float:left; margin-left:20px; color:#7f7f7f; font-size:15px;}
.news_box{border: 1px solid #d4d4d4;
width: 100%;
background: #fff;
overflow: hidden;
display: block;
margin:20px 0;}
.news_box ul{float:left; width:12.8%; margin:0 auto; padding: 10px 4.99px;}
.news_box ul li{padding:10%;}
.news_box .news_s_box{border-right:1px solid #ececec;}
.news_box .news_s_box li a{font-size:13px;}
.news_box .news_s_box li a:hover{color:#2bbec6;}
.news_box .news_s_box:last-child{border-right:0 !important;}
.new_box_footer{ /* border-left: 1px solid #ececec; */
/* border-right: 1px solid #ececec; */
border-top: 1px solid #ececec;
clear: both;
height: 30px;
/* line-height: 30px; */}
.new_box_footer .c_left{ border-left: 1px solid #ececec;
width: 33px;
float: right;
margin-right: 0;
text-align: center;
height: 30px;}
.new_box_footer .c_right{border-left: 1px solid #ececec;
width: 33px;
float: right;
text-align: center;
/* line-height: 30px; */
/* vertical-align: middle; */
/* padding-top: 14px; */
height: 30px;
/* line-height: 30px; */}
.new_box_footer .c_slide{width:60px; float:right;}
.new_box_footer .c_slide a{padding:0 2px;}
.new_box_footer img{padding-top:10px;}
/* right */
.photo_news{margin-bottom:20px; position: relative;}
.photo_news .card_main_title {position: absolute;top: 115px;color: #fff;font-size: 16px;z-index: 9998;text-align: center;margin: 0 auto;width: 100%;}
.photo_news .card_main_txt {position: absolute;top: 160px;color: #fff;left: 0;z-index: 9998;width: 100%;font-size: 24px;text-align: center;font-family:나눔명조, Nanum Myeongjo, georgia,돋움;}
.photo_news .card_main_txt a{color:#fff;}
.photo_news .card_main_title span {border-bottom: 1px solid #fff;padding-bottom: 10px;}
.dailybread{background:#fff;border:1px solid #a0dde0; text-align: center; padding: 20px 40px 10px; margin-bottom:20px;}
.dailybread .message{padding: 15px 0; font-size:18px; font-weight: bold;}
.dailybread .date{color:#969696;}
.dailybread .box_title{color:#04b9c2; padding-left:10px;}
.login{position: relative; padding: 18px 15px 12px; width:270px; background: #f1f7fa; margin-bottom:20px;}
.login fieldset{border:1px solid #04b9c2;}
.login .int {padding: 1% 5%;width: 90%;height: 25px;border: 0;color: #666;font-size: 14px;line-height: 16px;}
.login .input_box {background: #fff;position: relative;width: 203px;height: 32px; border-bottom: 1px solid #e3e7ee;border-right: 0;}
.login .input_box:last-child{border-bottom: 0 !important;}
.login .btn_login {position: absolute;left: 220px;z-index: 1;width: 65px;height: 67px;top: 18px;}
.login .btn_login input {width: 100%;height: 100%;border: 0;border-radius: 0;background: #04b9c2;color: #fff;font-weight: normal;font-size: 15px;line-height: 55px\9;cursor: pointer;-webkit-appearance: none;}
.chk_id_login{font-size:12px;padding-top: 10px;}
.list_right .banner2{ background: #f5f6f6;width: 270px;height: 270px;text-align: center;margin: 0 auto;padding-top: 10px; margin-left: 30px; box-sizing: border-box;}
.section{margin:26px 0 26px 30px;border-bottom: 1px solid #ebeef3; }
.section h4{font-weight: bold; padding-bottom:10px;font-size:14px; height: 25px;line-height: 25px; color: #333;}
.section_box{font-size: 14px;font-weight: 400; clear:both;overflow:hidden; padding-bottom:15px;}
.section_box .no{ color: #2bbec6;text-align: center;margin: 0 auto;display: inline-block;width: 20px; font-weight: 700; font-size: 15px;}
.section_box a:hover{color:#2bbec6;}
.section_box a:visited{color:#888;}
.viewall{padding:10px 0 26px 0;}
.viewall a:hover{color:#2bbec6;}
.lifepopular{ margin: 30px 0 30px 30px;
border-bottom: 1px solid #ebeef3;
padding-bottom: 20px;}
.lifepopular h4{font-weight: bold; padding-bottom:20px;font-size:15px; height: 25px;line-height: 25px;}
.lifepopular_box{clear:both;overflow:hidden; padding-bottom:15px;}
.lifepopular_box a:hover{color: #2bbec6;}
.lifepopular_box .no{ color: #2bbec6;text-align: center;margin: 0 auto;display: inline-block;width: 20px;}
.lifepopular_box .no_grey{color:#b9b9b9;text-align: center;margin: 0 auto;display: inline-block;width: 20px;}
.story{margin:30px 0 30px 30px;border-bottom: 1px solid #ebeef3; }
.story h4{font-weight: bold; padding-bottom:20px;font-size:15px; height: 25px;line-height: 25px;}
.story_box{clear:both;overflow:hidden; padding-bottom:15px; background: url(/img/web/img_dot2.gif) no-repeat left 20%; padding-right:10px;}
.story_box a{padding-left:10px;}
.story_box a:hover{color: #2bbec6;}
.story_box .no{ color: #2bbec6;text-align: center;margin: 0 auto;display: inline-block;width: 20px;}
.recommend {margin:26px 0 26px 30px;border-bottom: 1px solid #ebeef3; display: block;overflow: hidden;}
.recommend h4{font-weight: bold; padding-bottom:10px;font-size:14px;}
.recommend_box{ margin-bottom: -1px;overflow: hidden; border: 1px solid #f2f2f2; padding: 10px;}
.recommend_box .art-info{ float:left; margin-left:80px;}
.recommend_box .art-info .tit {color: #2bbec6;padding-bottom: 10px; display: block; font-size: 12px;}
.recommend_box .art-info a:hover{color: #2bbec6;}
.recommend_box .art-info a:visited{color:#888;}
.recommend_box .art-info div a{font-size: 13px;}
.recommend_box .art-img{}
.cool {margin:30px 0 30px 30px;border-bottom: 1px solid #ebeef3; display: block;overflow: hidden;}
.cool h4{font-weight: bold; padding-bottom:20px;font-size:15px; height: 25px;line-height: 25px;}
.cool_box{ margin-bottom: 20px;overflow: hidden;}
.cool_box .art-info{ float:left;width:129px;}
.cool_box .art-info a:hover{color:#2bbec6; }
.cool_box .art-info a:visited{color:#888;}
.cool_box .art-info .tit {color: #888888; font-size:15px;padding-bottom: 10px;display: block;}
.cool_box .art-img{float:left; margin-right:10px; width:130px;}
.hotlife {margin:20px 0 30px 30px;border-bottom: 1px solid #ebeef3; padding-bottom: 20px; display: block;overflow: hidden;}
.hotlife h4{font-weight: bold; padding-bottom:20px;font-size:15px; height: 25px;line-height: 25px;}
.hotlife .i-cover .txt {
position: absolute;
bottom: 5px;
z-index: 2;
width: 90%;
padding: 5%;
color: #fff;
line-height: 1.2;
text-shadow: 1px 1px 0 #000; text-align: center;
}
.hotlife .i-cover {
overflow: hidden;
background: #000;
position: relative;
line-height: 0;
width: 100%;
}
.hotlife .i-cover a {
color: #fff;
z-index: 999;
}
.hotlife .bar img {
position: absolute;
top: 105px;
margin: 0 auto;
width: 100%;
height: 1px;
width: 8%;
text-align: center;
/* left: 15%; */
z-index: 2;
display: block;
margin-left: 45%;
}
.top3 {margin:30px 0 30px 30px;border-bottom: 1px solid #ebeef3; display: block;overflow: hidden;}
.top3 h4{font-weight: bold; padding-bottom:20px;font-size:15px; height: 25px;line-height: 25px;}
.top3_box{ margin-bottom: 20px;overflow: hidden;}
.top3_box .art-info{ float:left;width:129px; line-height: 26px;}
.top3_box .art-info a:hover{color:#2bbec6; }
.top3_box .art-info .tit {color: #888888; font-size:15px;padding-bottom: 10px;display: block;}
.top3_box .art-img{float:left; margin-right:10px; width:108px;}
.lifestyle {margin:30px 0 30px 30px;border-bottom: 1px solid #ebeef3; display: block;overflow: hidden;}
.lifestyle h4{font-weight: bold; padding-bottom:20px;font-size:15px; height: 25px;line-height: 25px;}
.lifestyle_box{ margin-bottom: 20px;overflow: hidden;}
.lifestyle_box .art-info{ float:left;width:129px; line-height: 26px;}
.lifestyle_box .art-info a:hover{color:#2bbec6; }
.lifestyle_box .art-info .tit {color: #888888; font-size:15px;padding-bottom: 10px;display: block;}
.lifestyle_box .art-img{float:left; margin-right:10px; width:108px;}
.issue{margin:30px 0 30px 30px;border-bottom: 1px solid #ebeef3; display: block;overflow: hidden;}
.issue{margin:30px 0 30px 30px;border-bottom: 1px solid #ebeef3; padding-bottom: 10px; }
.issue h4{font-weight: bold; padding-bottom:20px;font-size:15px;}
.issue_box{clear:both;overflow:hidden;height:27px; font-size: 13px;}
.issue_box .no{color: #2bbec6;text-align: center; margin: 0 auto;display: inline-block;width: 20px; font-weight: 700;}
.issue_box a:hover{color:#2bbec6;}
.popular {margin:26px 0 26px 30px;border-bottom: 1px solid #ebeef3; padding-bottom: 10px;overflow:hidden; }
.popular h4{font-weight: bold;font-size: 14px; margin-bottom: 15px; padding-top: 26px; border-top: 1px solid #f2f2f2; }
.popular a:hover{color:#2bbec6;}
.popular a.current{color:#2bbec6;}
.popular .photo{position: relative; }
.popular .photo:after{border: 1px solid rgba(0,0,0,.03); content: ''; left: 0; top:0; bottom: 0; right: 0; position: absolute;}
.popular .p_list{float:left; width:130px; padding-right:9px; position: relative;}
.popular .p_list:last-child{ padding-right:0 !important}
.popular .p_list .tit{padding-top:10px; display:block; padding: 10px 0 20px; font-size: 13px;}
.popular .p_list .tit a:hover{color:#2bbec6;}
.popular .play img{position:absolute; top:50px; left:50px; z-index: 9998;}
.life { margin:26px 0 26px 30px;width:268px;padding-bottom: 10px;overflow:hidden; }
.life h4{font-weight: bold; padding-bottom:20px;font-size:14px;}
.life img{position: relative;}
.life .shadow{clear: both;width: 100%;height: 100%;display: block; position: absolute;bottom: 0;left: 0;z-index: 1;background-color: #000; opacity: 0.5}
.life .i-cover {overflow: hidden;background: #000;position: relative;line-height: 0;width: 100%;}
.life .i-cover .txt{position: absolute;bottom: 5px;left: 0;z-index: 2;width: 100%;padding: 5%;color: #fff;line-height: 1.2;}
.life .i-cover a{color:#fff; z-index:999;}
.life .i-cover2 {overflow: hidden;background: #000;position: relative;line-height: 0;width:134px; float:left !important;}
.life .i-cover2 .txt{position: absolute; bottom: 5px;left: 0;z-index: 2;width: 100%; padding: 5%;color: #fff;line-height: 1.2;text-align: center;}
.life .i-cover2 a{color:#fff; z-index:999;}
.timenews{padding:30px 0 20px; background: #f5f6f6;overflow:hidden; display: block; margin-bottom: 1px;}
.t_left{width:730px;float:left;}
.t_left .photonews{width:230px; margin-right:50px; float:left;}
.t_left h4 {font-weight: bold;padding-bottom: 20px;font-size: 15px;overflow:hidden;display: block; width:100%;}
.t_left .listnews{width:450px; float:left;}
.t_right{width:300px;float:left;}
.listnews p{border-bottom:1px solid #e6e6e6; font-size: 16px; line-height:46px;}
.listnews a:hover{color:#2bbec6;}
.listnews a:visited{color:#888;}
.photonews .txt{padding:10px 0 20px; font-size:16px; line-height:25px;}
.photonews .txt a:hover{color:#2bbec6;}
.photonews .txt a:visited{color:#888;}
.hotissue a{color:#04b9c2;}
.banner3{border:1px solid #e5e5e5; width:270px; height: 260px; text-align:center; padding-top:10px; margin: 0 auto;margin-left: 25px;}
.t_right{margin-left:30px;}
.t_right .issue2{padding-bottom: 10px; margin: 10px 25px 0;}
.t_right h4 {font-weight: bold;padding-bottom: 20px;font-size: 15px;}
.new{color:#e64c3d;}
.updown{ padding-left:10px ;}
.updown img{vertical-align: middle; padding-right:5px;}
.issue_box .bbox {width: 40px;text-align: left;float: right; font-size:12px;}
.issue_box a:hover{color:#2bbec6;}
.issue_box a:visited{color:#888;}
.community .table {width: 100%;}
.community table thead { background: #fff none repeat scroll 0 0;border-bottom: 1px solid #eaeaea;border-top: 1px solid #878787;height: 40px;line-height: 40px;width: 100%;}
.community table tr {border-bottom: 1px solid #e5e5e5;line-height: 50px; height: 50px;}
.community table tr.notice{border-left:0 none; border-right:0 none;}
.community_tbl_box10 {text-align: center;width: 10%;}
.community_tbl_box60 {width: 60%;}
.community_tbl_box20 {text-align: center;width: 20%;}
.community table .notice .btn-notice1 {font-size: 13px;padding: 0 3px; margin-right:10px;}
.community table a:hover{color:#2bbec6;}
.community table .btn-reply img {padding-right: 5px; vertical-align: middle;}
.community .mylist{border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc; padding:10px 0; margin-top:30px; text-align:center;}
.community .mylist span a:hover{color:#2bbec6;}
.community .date {color: #4e4e4e;font-size: 13px;text-align: center;}
.community .writer{text-align: center; }
.community .same{text-align: center; color:#ff5555;font-size:13px;}
.community .click{text-align: center; color:#969696;font-size:13px;}
.community .comments{color:#2bbec6; padding-left: 10px;}
.community .table_btns{ height: 50px;line-height: 50px;overflow: hidden;vertical-align: middle;}
.community .table_btns a{margin-left:10px;}
.community .table_btns .current{background: #2bbec6;color:#fff;}
.community .slct_box {clear: both;margin: 20px 0;overflow: hidden;text-align: center;}
.community .table_btns .lists img{padding: 20px 5px 0 !important; margin-left:0 !important;}
.community .table_btns .lists a:hover{color:#2bbec6;}
.community .srch span {border: 1px solid #ccc;border-radius: 5px;display: inline-block;height: 32px;line-height: 32px;overflow: hidden;padding: 0 0 0 10px;vertical-align: middle;width: 300px;}
.community .srch img {float: right; padding: 6px 5px 0;}
.community .srch span input {border: 0 none;float: left;font-size: 14px;height: 32px;line-height: 32px;width: 270px;}
.community .slct {background: #fff url("/img/web/img_select.gif") no-repeat scroll 95% 50%; border: 1px solid #ccc;border-radius: 5px;margin-right: 10px;overflow: hidden;width: 150px;float:left;}
.community .lists{font-size:13px;}
.community .c_banner{margin-bottom:30px;overflow:hidden; display: block;}
.slct select {-moz-appearance: none;background: transparent none repeat scroll 0 0;border: medium none;color: #757575;font-size: 14px;height: 32px;line-height: 32px;padding-left: 10px;width: 170px;}
.bestpray{background: url(/img/web/img_best.jpg) no-repeat left top; margin-bottom:30px; height: 213px; padding:30px 40px;}
.bestpray a{color:#fff; line-height: 30px;}
.bestpray .txt_l{float:left; padding:30px 20px 0 0; width:300px;}
.bestpray .txt_r{float:left; padding:30px 0 0 20px;width:300px;}
.bestpray .tit{color:#fff; border: 1px solid #fff; width:80px; text-align: center; padding:10px 20px; font-size:16px;}
.bestpray .no_first{color:#a7f5f9; padding-right:5px;}
.bestpray .no_second{color:#f5dda3; padding-right:5px;}
.panel{border-top:1px solid #888888;}
.panel_header {background: #fff none repeat scroll 0 0;height: 50px;line-height: 50px;text-align: center;width: 100%;}
.panel_body{background: #fbfbfb; padding:30px 30px; overflow:hidden; line-height: 30px; border-bottom:1px solid #dcdcdc;clear: both;}
.panel_body li{float:left;}
.panel_title{font-size:18px; }
.panel_info{background: #fbfcfd;border-bottom: 1px solid #dcdcdc;border-top: 1px solid #dcdcdc;height: 35px;line-height: 35px;padding: 3px 7px; font-size:13px;}
.panel_info img{padding:13px 6px;}
.panel_btns{text-align:center; margin-top:30px;}
.panel_btns span a{font-weight: bold;}
.reply_all {padding: 20px 0;width: 100%;border-bottom: 1px solid #ebeef3;}
.reply_all ul{height:35px; line-height: 35px;}
.reply_all ul:hover{background: #e9f9fb;}
.reply_all .current{background: #e9f9fb;}
.reply_all .current a{color:#000; font-size: 16px;}
.reply_all li{float:left; height: 30px; }
.reply_all .tit{width:67%; padding-left:3%; background: url(/img/web/img_dot2.gif) no-repeat 2% 50%;}
.reply_all .tit a:hover{color:#000; font-size: 16px;}
.reply_all .writer{width:15%;}
.reply_all .date{width:15%;}
.community_top{margin-top:20px; width:100%; background: #f6f5f0; overflow: hidden; padding:30px 0;}
.pray {margin-top:20px; width:100%;}
.pray .lists a{font-size:15px;float:left; padding:0 10px; color: #bab3b3;}
.pray .lists a:hover{color:#2bbec6;}
.pray .lists .current{color:#2bbec6;}
.life_list h4 {padding: 20px 0;font-size: 16px;}
.community_contents h4{padding: 20px 0;font-size: 16px;}
.column_contents h4{padding: 20px 0;font-size: 16px;}
.talk{clear: both;
display: block;
margin-bottom: 20px;
overflow: hidden;}
.t_reply{color:#fb3f3f;}
.talk_box li{height: 30px; }
.talk_left {width:49%; margin-right:2%; float:left;}
.talk_right {width:49%; float:left;}
.talk_right .talk_reply{padding-top:10px; color:#888888;}
.talk_box{overflow:hidden; display: block; margin-bottom: 10px;}
.btn_reply{padding:2px 4px; font-size:12px; margin-right:5px;}
.talk_header{margin-bottom: 30px; height: 30px; line-height: 30px;}
.talk_header li:hover{color: #2bbec6;background-color: #fff;border-color: #2bbec6;}
.talk_header li.current{color: #2bbec6;background-color: #fff;border-color: #2bbec6;}
.talk_header .all{font-size: 13px; padding-right:10px;}
.top_left{width:410px; float:left; margin-right: 20px;}
.top_left .tl_img{float:left; margin-right: 20px; width:180px; }
.top_left .tl_img img{border-radius: 180px;border:4px solid #fff;}
.top_left .top_box{float:left; width:200px; margin-top:15px;}
.art_cate{color:#a5a5a5; padding: 8px 0; }
.art_cate2{color:#06b9c0; padding: 8px 0; }
.top_left .top_box h3{color:#000; font-size:20px; line-height:28px; margin-bottom: 20px; font-weight: bold;}
.top_left .top_box h3 a:hover{color: #2bbec6;}
.top_left .txt{font-size: 13px;
line-height: 23px;color:#676767;}
.top_right{float:left; position: relative; width:615px;}
.top_right .btn_l{position: absolute; top:70px; left:0; width: 13px;}
.top_right .btn_r{position: absolute; top:70px; right:0; width: 13px;}
.top_right li{ float: left;
width: 120px;
margin: 0 11px;}
.top_right li:last-child{margin-right:0 !important;}
.top_right .tr_img{text-align: center;}
.top_right .tr_img img{border-radius: 120px;border:4px solid #fff;}
.tr_txt a{font-size:15px;}
.tr_txt a:hover{color: #2bbec6;}
.top_right ul{ padding-left: 20px;}
.pray_box {float:left; clear:both; width:100%; margin-top: 20px; position:relative;}
.pray_box li{position:relative; float:left; margin-right:20px;width:230px; }
.pray_box li:last-child{margin-right:0 !important;}
.pray_box .photo_info{position:absolute; bottom:0; left:0; background: #000; opacity: 0.8; padding:10px;}
.pray_box .photo_info a{color:#fff;}
.pray_box .tag{background: #fb3f3f none repeat scroll 0 0;
color: #fff;
font-size: 13px;
left: 0;
padding: 5px 10px;
position: absolute;
top: 0;}
.pray_box .s_left{position:absolute; left:0; top:35px;z-index: 9998;}
.pray_box .s_right{position:absolute; right:0; top:35px;z-index: 9998;}
.pray .list_box {padding-top:30px; clear:both; width:100%; font-size: 15px; overflow: hidden;display: block;}
.pray .list_box div{height:40px;}
.pray .list_box .writer a{font-size:13px; color:#a5a5a5;}
.pray .list_box a:hover{color:#2bbec6;}
.beststory{background: url(/img/web/img_4_1.jpg) no-repeat left top; width:730px; height:162px; margin-top: 20px; position: relative;}
.beststory .photo_info2{position:absolute; top:0; right:0; background: #000; opacity: 0.6; padding:15px 20px; width:410px;height:132px;}
.beststory .photo_info2 a{color:#fff; line-height: 32px;}
.beststory .photo_info2 a:hover{color:#2bbec6;}
.beststory .tit{color:#fff; border-radius: 70px; text-align: center; vertical-align: middle; border: 1px solid #fff; width:70px; height: 70px; display: block; position: absolute; left:30px; bottom:20px;}
.beststory .tit a{color: #fff;
display: block;
padding-top: 10px; font-size: 13px;
}
.photo_info2 a:hover{color:#2bbec6;}
.search_header{clear:both; position: relative; border-bottom: 1px solid #e6e6e6; height: 47px; line-height: 47px; font-size:16px;}
.search_logo {position:absolute; left:30px; width:32px; top:14px; display: inline-block;}
.search_menu{position: absolute; left:80px;}
.search_menu span{padding:0 5px;}
.search_menu .current{color:#2bbec6;}
.search_menu a:hover{color:#2bbec6;}
.search_menu img{padding-top:16px;}
.middle_search{width:730px; margin:0 auto;}
.middle_search .search_list{clear:both;display: block; overflow: hidden; margin-top: 20px;}
.middle_search .search_list li {
float: left;
padding: 0 5px;
}
.middle_search .search_list a:hover {
color: #2bbec6;}
.middle_search .search_list .current {
color: #2bbec6;
}
.middle_search .search_list li img {
padding-top: 2px;
}
.middle_search .period{clear:both; overflow: hidden;display: block; border-top: 1px solid #eaeaea; border-bottom: 1px solid #2dbfc6; padding:20px 0; margin-top:20px;}
.middle_search .period img{padding: 2px 5px;}
.time_tit{padding-right:20px; color:#969696;}
.middle_search .period .current{color:#2bbec6;}
.middle_search .period a:hover{color:#2bbec6;}
.middle_search .search_cate {
margin: 20px 0;color: #000;
font-size: 17px;
border-bottom: 1px solid #eaeaea; padding-bottom:10px;
}
.middle_search .search_num {
color: #767676;
font-size: 14px;
padding-left: 10px;
}
.middle_search .search_img{float:right; margin-top: 40px;}
.middle_search .search_tit {
font-size: 18px;
margin-bottom: 10px;
}
.middle_search .search_tit a {
color: #2954b6;
text-decoration: underline;
}
.middle_search .search_tit a:hover {
color: #2bbec6;
}
.middle_search .search_txt {
line-height: 22px;
}
.middle_search .search_box {
float: left;
width: 570px;
}
.middle_search .search_wrap {
display: block;
margin-bottom: 20px;
overflow: hidden;
width: 100%;
}
.middle_search .search_info {
color: #767676;
font-size: 13px;
height: 20px;
line-height: 20px;
margin-bottom:20px;
}
.middle_search .search_info a:hover{color:#2bbec6;}
.middle_search .search_info span {
margin-right: 10px;
}
.middle_search .search_info img {
margin-right: 5px;
vertical-align: middle;
}
.middle_search .btn_photos2 {
margin: 20px 0 40px 0;
padding: 10px 15px;
width:700px;
}
.middle_search .btn_photos2 img{padding-top:7px;}
.middle_search .m_t_search{clear: both; background: #fff;
display: block;
overflow: hidden;
width: 730px;
border:1px solid #2bbec6; height: 42px; line-height: 42px; position: relative;
}
.middle_search .srch_inp{width:680px;}
.middle_search .srch_inp input {
background: transparent none repeat scroll 0 0;
border: 0 none;
color: #4e4e4e;
font-size: 16px;
line-height: 42px;
padding-left:20px;
width: 90%;
}
.middle_search .btn_search{position: absolute; right:10px; top:10px; background: url(/img/web/img_search2.gif) no-repeat;width:26px; height: 26px;text-indent: -9999px;}
.middle_search .btn_clear_input{position: absolute; right:50px; top:8px; background: url(/img/web/btn_close.gif) no-repeat; width:27px; height: 27px; text-indent: -9999px; }
.m_t_search button {
border: 0 none;
box-shadow: none;
cursor: pointer;
outline: 0 none;
}
.channel_bottom {
margin-bottom: 30px;
background: rgba(0, 0, 0, 0) url(/img/web/bg_row.gif) repeat-x scroll 50% 50%;
clear: both;
display: block;
height: 40px;
overflow: hidden;
/* padding: 40px 0; */
position: relative;
}
.channel_bottom button {
position: absolute;
width: 9%;
margin-left: 45.5%;
height: 40px;
}
.src_icon{ position: absolute;
right: 55px;
top: 16px;}
/* footer */
.footer{background: #f1f7fa; height: 85px; clear:both;}
.footer_search{background: #f1f7fa;clear:both; padding:30px 0;}
.copyright{position: absolute;left:0;color:#888888; font-size:11px; top:40px;}
.f_social{position: absolute;top:30px;right:0;}
.f_social a{padding:0 3px;}
.f_social_l{margin:0 auto; text-align:center;}
.f_social_l a{padding:0 3px;}
/*.news_box{border: 1px solid #d4d4d4;*/
/*width: 100%;*/
/*background: #fff;*/
/*overflow: hidden;*/
/*display: block;*/
/*margin:20px 0;}*/
/*.news_box ul{float:left; width:12.8%; margin:0 auto; padding: 10px 4.99px;}*/
/*.news_box ul li{padding:10%;}*/
/*.news_box .news_s_box{border-right:1px solid #ececec;}*/
/*.news_box .news_s_box li a{font-size:13px;}*/
/*.news_box .news_s_box li a:hover{color:#2bbec6;}*/
/*.news_box .news_s_box:last-child{border-right:0 !important;}*/
.columnist_box{border: 1px solid #d4d4d4;
width: 100%;
background: #fff;
overflow: hidden;
display: block;
margin:20px 0;
}
.columnist_box ul{ width: 100%; margin:0 auto;}
.columnist_box .news_s_box div { float:left; border-left: 1px solid #ececec; width:12.3%; padding:18px 0px 0px 13.1px;}
.columnist_box .news_s_box div a{font-size:13px;}
.columnist_box .news_s_box div a:hover{color:#2bbec6;}
.columnist_box .last_row {color:#2bbec6;}
@media (max-width: 760px){
}

916
public/css/web/news_old.css Executable file
View File

@@ -0,0 +1,916 @@
@charset "utf-8";
/* top */
#news{color:#4e4e4e;}
.top{width:100%; border-bottom: 1px solid #e5e5e5; height:30px; line-height:30px; background:#f3f3f3; color:#888888; font-size:12px;}
.wrap{width:1060px; margin:0 auto; position: relative;}
.area_links{float:left;}
.area_links a{color:#888;}
.area_links a:hover{color:#2bbec6;}
.area_links .current{color:#2bbec6;}
.area_ingo{float:right;}
.area_ingo a:hover{color:#2bbec6;}
.area_ingo .current{color:#2bbec6;}
.beachblue{color:#2bbec6;}
.beachblue a{color:#2bbec6;}
/* header */
.header{clear:both; position: relative; border-bottom: 1px solid #8bb7b9; }
.header .special{height:85px; line-height: 85px; }
.header .special .logo{width: 115px;top: 30px;left: 8px;position: absolute;}
.menu li{float:left; margin:0 25px 0 10px;}
.menu li:first-child{float:left; margin-left:0 !important;}
.menu li a{font-size:16px;}
.menu li a:hover{color:#04b9c2;}
.menu li .current, .menu li .current:visited {color:#04b9c2;}
.section_navbar{height:45px; line-height: 45px;border-top: 1px solid #e5e5e5; }
.bar img{padding:0 5px 5px; margin-top:10px; }
.social { padding: 0 20px 0 10px;}
.social img {margin-top: 5px;padding: 0 1px;}
.search{position: absolute;
top: 40px;
left: 150px;
margin-top: -18px;
width: 595px;}
.open_search{
width: 593px;
border: 1px solid #d9d9d9;
position: absolute;
top: 64px;
background: #fff;
z-index: 9999;
left: 150px;
}
.open_search .roll_box .date{padding:0 10px; font-size: 12px; color:#8d8d8d;}
.open_search .roll_box .close{padding-top:8px;}
.open_search .roll_box { padding: 10px 0;}
.open_search .roll_box a{font-size:16px; color:#4e4e4e;}
.open_search .roll_box div{ height: 30px;
line-height: 30px;
display: block;
/* width: 100%; */
clear: both;
padding: 5px 20px;
margin-bottom: 4px;}
.open_search .roll_box div:hover{background: #f1f7fa;}
.open_search .roll_box .on{color:#00a3ab;}
.open_search .roll_box .current{background: #f1f7fa;}
.roll_footer{ background: #f1f7fa;
height: 30px;
line-height: 30px;
padding: 5px 20px;}
.roll_footer a{color:#575757; font-size:12px ; }
.roll_footer span{padding:0 5px;}
.window{ position: absolute;display: inline-block;width: 546px;height: 41px;border: 1px solid #04b9c2;background: #fff;padding-left: 20px;font-size: 15px;color: #686868;}
.src_sumit{position: absolute;top: 0;right: 0;overflow: visible;width: 45px;height: 43px; line-height:43px; padding-top:10px;border: 0;background: #04b9c2;}
.roll{float:right; width:240px;font-size: 16px; }
.roll .number{padding-right:5px;}
.roll .roll_txt a:hover{color:#2bbec6;}
.roll img{vertical-align: middle; padding-left:20px; }
.open_roll {width:300px; border:1px solid #d9d9d9; position: absolute; top:-1px; right:0;background: #fff;z-index: 9999;}
.open_roll .txt{text-align: center; font-size:16px;color:#595959;}
.open_roll .ranking li{float:left;text-align: center;}
.open_roll .ranking li a{color:#b2b2b2;}
.open_roll .ranking {width:100%; height: 30px; line-height:30px; background: #f1f7fa;}
.open_roll .ranking img{padding-top:8px;}
.open_roll .ranking a:hover{color:#04b9c2;}
.open_roll .ranking .current{color:#04b9c2;}
.open_roll .roll_box{clear:both;overflow:hidden; padding: 0 15px 15px 15px;}
.open_roll .roll_box img{vertical-align: middle;}
.open_roll .roll_box .no{ color: #2bbec6;text-align: center;margin: 0 auto;display: inline-block;width: 10%;}
.open_roll .roll_box .graph{display: inline-block;}
.open_roll .roll_box .keyword{width:78%; display: inline-block;}
.open_roll .roll_box .keyword a:hover{color:#2bbec6;}
.open_roll .roll_box li{line-height: 25px;}
.condition{ position: relative; float: right;width: 260px;font-size: 14px;}
.condition li { -webkit-line-clamp:1; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow:hidden; white-space: nowrap; }
/*.condition .tt {color: #191919;padding-left: 20px;}*/
.condition .tt { position: absolute; top: 0; left: -20px; color: #191919;padding-left: 20px;}
/*.condition .country {color: #20c8d3;padding: 0 10px;}*/
.condition .country {color: #20c8d3;padding: 0 10px 0 85px;}
.condition img {vertical-align: middle;}
.condition .weather {padding: 0 5px;}
.news_ingo{position:absolute; right:0;}
.news_ingo .profile img{border-radius: 20px; margin-top:4px;}
padding: 0 20px 0 10px;
.social img{margin-top:6px;padding:0 1px;}
.arrow{ background: url(/img/web/mypage_arrow_down.png) no-repeat 100% 50%; padding-right:10px; margin-right:10px;}
.mypage_opened{position: absolute; top:31px; right: 15px; width:300px; z-index:9999; line-height:20px; color:#8a8c8d; }
.mypage_opened_info {background: #f1f7fa;padding: 15px 15px 0;overflow: hidden;}
.mypage_opened_info .name{font-size:15px; color:#575757;}
.mypage_opened_info .name > a { font-size: 14px; display: inline-block; max-width: 125px; }
.mypage_opened_info .logout {float:right; }
.mypage_opened_info .logout a:hover{color:#2bbec6;}
.mypage_opened_info .logout .btn{ width:50px;border:1px solid #d8f4f5; background: #fff; padding:5px 3px; color:#000;font-size:12px;}
.mypage_opened_info .introduction{font-size:12px; display: block; padding-bottom:5px;}
.mypage_opened_info .profile{position: relative; width:50px; height: 85px; float:left; margin-right:10px; }
.mypage_opened_info .profile2{position: relative; width:50px; height: 60px; float:left; margin-right:10px; }
.mypage_opened_info .profile_detail{ float:left;}
.mypage_opened_info .profile .profile_l{position: absolute; border-radius: 48px; float:left;}
.mypage_opened_info .profile .carmera{position: absolute; right:0; top:30px;}
.mypage_opened_info .profile2 .carmera{position: absolute; right:0; top:30px;}
.mypage_opened_info2 {background: #f1f7fa;overflow: hidden;}
.mypage_opened_info2 .name{font-size:15px; color:#575757;}
.mypage_opened_info2 .name > a { max-width: 130px; display: inline-block; font-size: 14px; letter-spacing: -1.5px; vertical-align: bottom; }
.mypage_opened_info2 .logout {float:right; }
.mypage_opened_info2 .logout a:hover{color:#2bbec6;}
.mypage_opened_info2 .logout .btn{ width:50px;border:1px solid #d8f4f5; background: #fff; padding:5px 3px; color:#000;font-size:12px;}
.mypage_opened_info2 .introduction{font-size:12px; display: block; padding-top:5px;}
.mypage_opened_info2 .profile{position: relative; width:50px; height: 85px; float:left; margin-right:10px; }
.mypage_opened_info2 .profile2{position: relative; width:50px; height: 60px; float:left; margin-right:10px; }
.mypage_opened_info2 .profile_detail{ float:left;}
.mypage_opened_info2 .profile .profile_l{position: absolute; border-radius: 48px; float:left;}
.mypage_opened_info2 .profile .carmera{position: absolute; right:0; top:30px;}
.mypage_opened_info2 .profile2 .carmera{position: absolute; right:0; top:30px;}
.mypage_opened .mypage_menu {color:#575757; width:298px;border-top:1px solid #d7f4f5; border-bottom:1px solid #f1f7fa;border-left:1px solid #f1f7fa;border-right:1px solid #f1f7fa; height: 35px;overflow:hidden; background: #fff; }
.mypage_opened .mypage_menu li{float:left; padding:10px 10px; font-size:13px;border-right:1px solid #d7f4f5;height: 35px;}
.mypage_opened .mypage_menu li a:hover{color:#2bbec6;}
.mypage_opened .mypage_menu li:last-child{border-right:none !important;}
.mypage_opened .beauchblue_underline{text-decoration: underline;}
.mypage_opened .opened_arrow{position: absolute; top:-9px; left: 123px;
z-index: 9999999;}
.mypage_opened_box .mypage_menu2 {color:#575757; width:270px;border-top:1px solid #d7f4f5; border-bottom:1px solid #f1f7fa;border-left:1px solid #f1f7fa;border-right:1px solid #f1f7fa; height: 35px;overflow:hidden; background: #fff; }
.mypage_opened_box .mypage_menu2 li{float:left; padding:10px 7px; font-size:13px;border-right:1px solid #d7f4f5;height: 35px;}
.mypage_opened_box .mypage_menu2 li a:hover{color:#2bbec6;}
.mypage_opened_box .mypage_menu2 li:last-child{border-right:none !important;}
.mypage_opened_box .beauchblue_underline{text-decoration: underline;}
.mypage_opened .opened_arrow{position: absolute; top:-9px; left: 123px;
z-index: 9999999;}
.arrow_down{background: url(/img/web/img_down.gif) no-repeat 90% 50%;padding: 6px 25px 6px 12px !important; position: absolute;
right: 55px;
top: 15px;}
.arrow_down:hover{background: url(/img/web/img_down_on.gif) no-repeat 90% 50%; }
.arrow_down_on{background: url(/img/web/img_down_on.gif) no-repeat 90% 50%; padding: 6px 25px 6px 12px !important;position: absolute;
right: 55px;
top: 15px;}
.arrow_up{background: url(/img/web/img_up.gif) no-repeat 90% 50%;padding: 6px 25px 6px 12px !important;position: absolute;
right: 55px;
top: 15px;}
.arrow_up_on{background: url(/img/web/img_up_on.gif) no-repeat 90% 50%;padding: 6px 25px 6px 12px !important;position: absolute;
right: 55px;
top: 15px;}
.arrow_up:hover{background: url(/img/web/img_up_on.gif) no-repeat 90% 50%; }
.news_cate{ font-size: 17px;
border-bottom: 1px solid #eaeaea;
color: #000;
padding: 0 0 10px 0;
margin-bottom: 10px;}
.news_cate .categroy img{vertical-align: middle;}
.rankynews{}
.ranky_tit{font-size:18px; float:left;}
.ranky_date{float:right; font-size: 18px;}
.rankytop {height: 40px;
line-height: 40px; }
.rankytop a:hover{color:#2bbec6;}
.rankytop .current{color:#2bbec6;}
.rankytop .gap{padding-right:10px;}
.rankytop .btn-default_bb{color: #2bbec6;background-color: #fff;border-color: #2bbec6; border: 1px solid #2bbec6 ; border-radius:10px; padding:2px 7px; font-size:12px;}
.rankylist{clear:both;padding:10px 0; display: block;overflow: hidden; border-bottom: 1px solid #eaeaea; border-top: 1px solid #eaeaea; margin-bottom:30px; }
.rankylist li{float:left; padding:0 15px;}
.rankylist li a{font-size:14px;}
.rankylist .current{color: #2bbec6;border-bottom: 1px solid #2bbec6;padding-bottom: 9px;}
.rankylist a:hover{color: #2bbec6;border-bottom: 1px solid #2bbec6;padding-bottom: 9px;}
/* left */
.contents{width:100%; padding-top: 30px;overflow: hidden;}
.contents .wrap{ width: 1060px; margin: 0 auto; position: relative; overflow:hidden; display: block; background: url(/img/web/news_bar.gif) 760px 0 repeat-y;}
.top_banner{border-bottom: 1px solid #d1d1d1;padding-bottom: 30px;text-align: center;}
.c_left{width:745px; float:left; margin-right:15px;}
.c_right{ width:300px; float:left;}
.art_box{ position:relative; margin:20px 0; overflow:hidden;}
.art_box .art_list{ position:relative;float:left;}
.art_box .art_list li{ position:relative; padding: 7px 0;}
.art_box .art_list li a{font-size:16px;}
.art_box .art_list li a:visited { color: #888; }
.art_box .art_list li a:hover{color:#2bbec6;}
.art_box .art_img{position:relative;width:365px;margin-right:20px; float:left;}
.art_box .art_img .art_t_box{position: absolute; bottom:0; left:0;}
.art_box .art_img .art_p_tit{margin-bottom: 10px;}
.art_box .art_img .art_p_tit a{color:#fff; font-size:20px; }
.art_box .art_img .art_p_txt a{color:#fff; font-size:14px;}
.art_box .art_img .art_t_box{padding:0 20px 20px; z-index: 999;}
.shadow {
clear: both;
width: 100%;
height: 100%;
display: block;
position: absolute;
bottom: 0;
left: 0;
z-index: 1;
background-color: #000;
opacity: 0.1;
}
.banner{margin-bottom:20px;}
.cardnews{clear:both; margin-top:20px;}
.card_box{width:100%; clear:both; margin-bottom:20px;overflow:hidden;}
.card_box li{width:171px;border:1px solid #ebeef3; float:left; margin-right:17px; height: 210px;}
.card_box li:last-child{margin-right:0 !important;}
.card_title{font-size:15px; text-align: center; padding:20px 10px 0;}
.card_title a:hover{color:#2bbec6;}
.card_title a:visited{color:#888;}
.card_txt{font-size:12px;text-align: center; padding:10px 10px 10px; line-height: 18px;}
.card_tab{position: absolute;left:0; top:0; background: #04b9c2; color: #fff; font-size: 12px; padding:5px 10px;}
.card_tab a{color:#fff;}
.card_main{position: relative;width:363px !important;}
.card_main .card_main_title{position: absolute;top: 70px;color: #fff;font-size:16px;z-index: 9998;text-align: center;margin: 0 auto;width: 100%;}
.card_main .card_main_title span{border-bottom:1px solid #fff; padding-bottom:10px;}
.card_main .card_main_txt a{color:#fff;}
.card_main .card_main_txt{position:absolute; top:110px; color:#fff;left:0;z-index:9998;width: 100%;font-size:24px;text-align: center;font-family:나눔명조, Nanum Myeongjo, georgia,돋움;}
.cont_box {background: #fff; border:1px solid #dcdcdc; height: 45px; line-height: 45px; margin-top:20px; clear:both; display:block;}
.cont_box2{background: #fff; border:1px solid #dcdcdc; margin-top:20px; clear:both; display:block; overflow:hidden;}
.cont_box .weather{padding:0 5px;}
.cont_box .weather img{vertical-align: middle;}
/*.cont_box .tt{color:#191919; padding-left:20px;}*/
.cont_box > .tt{ position: absolute; top: 0; left: 0; color:#191919; padding-left:20px;}
/* .cont_box .date{color:#8b8b8b; padding-left:105px;} */
.cont_box .date{ position: absolute; top: 0; left: 90px; color:#8b8b8b; }
.cont_box .country{color:#20c8d3;padding:0 10px 0 160px;}
/*.cont_box .related_news{float:right; margin-right:20px;}*/
.cont_box .related_news{float:right; margin-right:20px;}
/*.cont_box .box_related{background: #e6e6e6; color:#7d7d7d; padding:2px 10px; margin-right:10px;}*/
.cont_box .box_related{ position: absolute; top: 10px; left: 405px; line-height: 20px; background: #e6e6e6; color:#7d7d7d; padding:2px 10px; margin-right:10px;}
/*.cont_box .box_title{color:#04b9c2; padding-left:20px;}
.cont_box2 .box_title{color:#04b9c2; padding-left:20px;}*/
.cont_box .box_title{ position: absolute; top: 0; left: -5px; color:#04b9c2; padding-left:20px;}
.cont_box2 .box_title{position: absolute; top: 0; left: -5px; color:#04b9c2; padding-left:20px;}
.location{padding-left:20px;}
.related_news a{padding:0 2px;}
/*.related_news .current{color:#04b9c2;}*/
.related_news .current{position: absolute; top: 0; left: 0; color:#04b9c2;}
.related_news a:hover{color:#04b9c2;}
.related_news a:visited{ color: #888; }
.company_list{border-bottom:1px solid #ebeef3; overflow: hidden;}
.company_list li{float:left; border-right:1px solid #ebeef3; width:92px; height:74px; line-height: 74px; text-align: center;}
.company_list li:last-child{border-right:0 !important;}
.company_list img {vertical-align: middle;}
.company_top {height:41px; line-height: 41px; border-bottom: 1px solid #dcdcdc;}
.company_top .cate {padding-left:20px;}
.company_top .cate a:hover{color:#2bbec6}
.company_top .cate .current{color:#2bbec6}
.company_top .c_arrow{float:right; }
.list_left{width: 730px;padding-right: 30px;float: left; }
.list_left .column_list{padding-top:20px}
.list_left .column_list a:hover{color:#2bbec6;}
.list_right{width:299px; float:left;}
.news_list .art-info{width:520px; float:left;}
.news_list .art-info2{float:left; width:550px;}
.news_list .art-info3{float:left; width:100%;}
.news_list .art-info4{float:left; width:95%;}
.news_list .art-img {width: 160px;float: right;margin-left: 20px;}
.news_list .art-img2 {width: 160px;float: left;margin-right: 20px;}
.news_list .list_no{font-size:18px; color:#2bbec6; width:30px; float:left; font-weight: bold;}
.news_list .art-title {font-size: 22px;padding-bottom: 10px; font-weight: bold;}
.news_list .art-title .company{ font-size: 14px;padding-left: 20px; vertical-align: top;padding-top: 3px;display: inline-block;}
.news_list .art-title a:hover{color:#2bbec6;}
.news_list .art-title .comment {font-size:14px; color:#c3c3c3; font-weight: normal;}
.news_list .art-title .comment img{vertical-align: middle;}
.news_list .art-sum{font-size:14px;line-height: 25px;}
.news_list_cont{clear:both; border-bottom: 1px solid #eaeaea;margin-bottom: 30px;overflow: hidden;display: block; padding-bottom:30px;}
.news_list_cont .origin{color:#9a9a9b; font-size:15px; padding-left:10px;}
.news_list_cont .origin a{color:#9a9a9b; font-weight: normal;}
.news_list_cont .column_tit{text-decoration: underline; padding-top: 30px; padding-bottom: 20px;}
.news_list_cont .column_tit a{color:#a5a5a5;}
.news_list .n_date{font-size:13px; color:#a5a5a5; padding-bottom:5px;}
.pagenumber { margin:30px auto; width:100%; overflow:hidden;text-align:center}
.pagenumber a{ width:25px; height:25px; margin:0 2px;line-height: 25px;text-align: center; display:inline-block;}
.pagenumber a.current{border:1px solid #e0e0e0; color:#2bbec6; }
.pagenumber a:hover{ color:#2bbec6;}
.pagenumber img{padding-top:7px;}
.todayphoto{border-top:1px solid #ebeef3; padding-top:30px;}
.todayphoto h4 {font-weight: bold;padding-bottom: 20px;font-size:15px;}
.todayphoto_box {width: 100%;clear: both;margin-bottom: 20px;overflow: hidden; position: relative;}
.todayphoto_box li {width: 171.50px;border: 1px solid #d2d3d3;float: left;margin-right: 12px; height: 200px;line-height: 22px}
.todayphoto_box .s_left{position:absolute; left:0; top:35px;z-index: 9998;}
.todayphoto_box .s_right{position:absolute; right:0; top:35px;z-index: 9998;}
.todayphoto li:last-child {margin-right: 0 !important;}
.mostreply{font-size:16px; margin:40px 0 30px 0; display: block; overflow:hidden;}
.mostreply h4{ font-weight: bold;padding-bottom: 10px; font-size:15px;}
.mostreply .viewall a{font-size:13px; color:#7e7f82;}
.gototop{position:absolute;bottom:30px;left:790px;}
.view_header h2{font-size:26px; padding:15px 0 10px 0; letter-spacing: -2px; font-weight: bold; color:#383737; /*-webkit-line-clamp:1; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow:hidden; white-space: nowrap;*/}
.view_header .time{font-size:13px; color:#888 ;}
.view_header .category{padding-left:35px; }
.view_header .category a{padding:0 5px;color:#888888;}
.view_header .category img{padding-top: 2px;}
.function{float:right; margin-top: 20px;}
.function a{padding-left:10px; width:20px; height: 20px;}
.spirit_weather{color:#fff; border-radius: 10px; background: #20c8d4; width:120px; float:left;}
.logo_company{padding-right:7px;}
.w_info{height:65px;}
.w_info li{float:left; padding: 0 10%;
width: 30%;display: inline-block; text-align: center; height: 65px; line-height: 65px;}
.w_info li img{vertical-align: middle;}
.w_location{background: #12abbd; font-size:10px; text-align:center; height: 25px; line-height: 25px; border-radius: 0 0 10px 10px;}
.reply{margin-top:30px;}
.view_header{border-bottom: 1px solid #ebeef3; padding-bottom:20px;}
.view_main{clear:both;}
.view_main .sub_tit{margin-top:70px; text-align: center; font-size: 19px; color:#888; padding-bottom:20px; }
.view_main .sub_tit_bar{text-align:center;margin-bottom:20px}
.view_main .view_img{text-align: center; }
.view_main .view_img .img_desc{float:left !important; padding-top:10px; color:#999;}
.view_main .view_article{clear:both; padding-top:40px; font-size:17px; line-height: 28px;}
.view_main .view_article img { max-width:750px; }
.view_main .writer{height:40px; line-height: 40px; font-size:14px; color:#888; padding-top:30px;}
.view_main .writer img{vertical-align: middle;}
.reaction{padding:30px 0; border-top:1px solid #ebeef3;border-bottom:1px solid #ebeef3; overflow:hidden; margin-top: 30px; font-size:17px;}
.reaction .reaction_box{float:left; width:20%;}
.reaction img{float:left; padding-right:10px;}
.reaction .like{font-size:13px; padding-top:11px;}
.reaction .click{text-align: center; padding-top:5px;}
.rb{text-align: center;}
.relatedarticle{margin-top:30px;}
.relatedarticle h4{font-weight: bold;padding-bottom: 10px; font-size:15px;}
.relatedarticle li{ background: url(/img/web/img_dot.gif) no-repeat left 50%; line-height: 30px;}
.relatedarticle li a{padding-left:10px; font-size:16px;}
.relatedarticle li a:hover{color:#2bbec6;}
.reply{border-top:1px solid #ebeef3; padding-top:30px;}
.reply .delete{padding-left:20px; color:#bcbcbc;}
.reply_social span{padding-right: 10px;}
.reply .reply_write{color:#999999; line-height: 23px; padding:10px 20px;}
.reply_regist{border-top:1px solid #e8e9ea; height:46px; line-height: 46px; }
.reply_no{color:#bcbcbc; padding-left:20px;}
.reply_btn{background: #04b9c2; width:87px; height: 47px; color:#fff; float:right; text-align: center; line-height: 47px;}
.reply_btn a{color:#fff;}
.reply_btn a:hover{color:#fff;}
.reply_social{padding:20px 20px 0 20px;}
.reply_write textarea{ z-index: auto;
position: relative;
line-height: 20px;
font-size: 13px;
padding: 10px 0;
border: none;}
.thumbup2{color:#e64c3d;padding-left: 20px;}
.thumbdown2{color:#3c92ca;padding-left: 20px;}
.r_info{color:#999999; padding-bottom:10px;}
.r_info a{color:#999;}
.r_info a:hover{color:#2bbec6;}
.r_info span{padding-right:10px;}
.r_date{font-size:12px;}
.r_text{font-size: 15px;padding-bottom:15px;}
.reply_sort{border-bottom: 1px solid #ebeef3; margin-top:20px; padding:10px 0; font-size:16px; }
.reply_sort span{padding-right:20px;}
.reply_sort a:hover{ color:#000;}
.reply_sort .current{ color:#000;}
.reply_comment{padding:20px 0;border-bottom: 1px solid #ebeef3; overflow:hidden;}
.reply_comment_open{padding:20px 0;border-bottom: 0px; overflow:hidden;}
.r_base{overflow:hidden;display:block;}
.icons2{float:right !important; }
.reply_box2 .icons{float:right !important; padding-top:20px; }
.icons2 img{padding-right:7px;}
.reply .reply_box{ border: 1px solid #c5c5c5;margin-top: 10px;clear: both;overflow: hidden;background: #fff;}
.reply .reply_box2{ clear:both; overflow:hidden; background: #f5f6f6; border-top:1px solid #ebeef3; padding:20px 20px 0 20px; margin-top:20px; display:block;}
.reply .reply_box2 .box_wrap{overflow:hidden;display: block; border-bottom: 1px solid #e0e1e1; padding-bottom:20px; margin-bottom:20px;}
.reply .reply_box2 .box_wrap li{float:left;}
.reply .reply_box2 .box_wrap2{overflow:hidden;display: block; margin-bottom:20px;}
.reply .reply_box2 .box_wrap2 li{float:left;}
.reply .reply_box2 .box_wrap .r_text li{float:left; padding-right:10px;}
.reply_close{width:90px; height: 30px; line-height: 30px; border: 1px solid #c7c7c7; text-align: center; margin:20px auto;}
.reply_close a:hover{color:#2bbec6;}
.reply_close img{ padding-top:12px;padding-left:5px;}
.img_reply{width:20px; float:left;}
.r_img2{width:20px; padding-top:10px;}
.community {width:100%;}
.community .table2{background: #f1f7fa; width:100%; margin-bottom: 20px}
.community .table2 td{width:20%; border: 1px solid #ddd; height:50px; text-align: center;}
.community .table2 .current{color:#2bbec6; font-weight: bold;}
.community .table2 a:hover{color:#2bbec6; font-weight: bold;}
.community .table2 a{color:#9e9e9e;}
.community .c_info{font-size:12px; color:#8a8c8d; overflow:hidden; display: block; padding:0 0 20px 0;}
.community .c_info img{padding-top:8px;}
.community .c_info li{float:left; line-height: 20px;}
.community .board_write input {float: left;font-size: 14px;border: 1px solid #ccc;display: inline-block;height: 32px;line-height: 32px;overflow: hidden;padding: 0;vertical-align: middle;width: 400px;padding-left: 10px;}
.community .board_write dl {padding-top: 15px;padding-left: 20px;}
.community .board_write dt {float: left;width: 75px;height: 30px;line-height: 30px;padding: 3px 0 7px;color: #888888;}
.community .board_write dd {overflow: hidden;height: 30px; line-height: 30px;padding: 3px 0 7px;color: #666;}
.community .write{margin-top:20px;}
.seeall{text-decoration: underline; color:#2bbec6 ; padding:5px 10px;}
.seeall a{color:#2bbec6; }
.community .cont_box .related_news{float:left; margin-left:20px; color:#7f7f7f; font-size:15px;}
.news_box{border: 1px solid #d4d4d4;
width: 100%;
background: #fff;
overflow: hidden;
display: block;
margin:20px 0;}
.news_box ul{float:left; width:12.8%; margin:0 auto; padding: 10px 4.99px;}
.news_box ul li{padding:10%;}
.news_box .news_s_box{border-right:1px solid #ececec;}
.news_box .news_s_box li a{font-size:13px;}
.news_box .news_s_box li a:hover{color:#2bbec6;}
.news_box .news_s_box:last-child{border-right:0 !important;}
.new_box_footer{ /* border-left: 1px solid #ececec; */
/* border-right: 1px solid #ececec; */
border-top: 1px solid #ececec;
clear: both;
height: 30px;
/* line-height: 30px; */}
.new_box_footer .c_left{ border-left: 1px solid #ececec;
width: 33px;
float: right;
margin-right: 0;
text-align: center;
height: 30px;}
.new_box_footer .c_right{border-left: 1px solid #ececec;
width: 33px;
float: right;
text-align: center;
/* line-height: 30px; */
/* vertical-align: middle; */
/* padding-top: 14px; */
height: 30px;
/* line-height: 30px; */}
.new_box_footer .c_slide{width:60px; float:right;}
.new_box_footer .c_slide a{padding:0 2px;}
.new_box_footer img{padding-top:10px;}
/* right */
.photo_news{margin-bottom:20px; position: relative;}
.photo_news .card_main_title {position: absolute;top: 115px;color: #fff;font-size: 16px;z-index: 9998;text-align: center;margin: 0 auto;width: 100%;}
.photo_news .card_main_txt {position: absolute;top: 160px;color: #fff;left: 0;z-index: 9998;width: 100%;font-size: 24px;text-align: center;font-family:나눔명조, Nanum Myeongjo, georgia,돋움;}
.photo_news .card_main_txt a{color:#fff;}
.photo_news .card_main_title span {border-bottom: 1px solid #fff;padding-bottom: 10px;}
.dailybread{background:#fff;border:1px solid #a0dde0; text-align: center; padding: 20px 40px 10px; margin-bottom:20px;}
.dailybread .message{padding: 15px 0; font-size:18px; font-weight: bold;}
.dailybread .date{color:#969696;}
.dailybread .box_title{color:#04b9c2; padding-left:10px;}
.login{position: relative; padding: 18px 15px 12px; width:270px; background: #f1f7fa; margin-bottom:20px;}
.login fieldset{border:1px solid #04b9c2;}
.login .int {padding: 1% 5%;width: 90%;height: 25px;border: 0;color: #666;font-size: 14px;line-height: 16px;}
.login .input_box {background: #fff;position: relative;width: 203px;height: 32px; border-bottom: 1px solid #e3e7ee;border-right: 0;}
.login .input_box:last-child{border-bottom: 0 !important;}
.login .btn_login {position: absolute;left: 220px;z-index: 1;width: 65px;height: 67px;top: 18px;}
.login .btn_login input {width: 100%;height: 100%;border: 0;border-radius: 0;background: #04b9c2;color: #fff;font-weight: normal;font-size: 15px;line-height: 55px\9;cursor: pointer;-webkit-appearance: none;}
.chk_id_login{font-size:12px;padding-top: 10px;}
.list_right .banner2{ background: #f5f6f6;width: 270px;height: 270px;text-align: center;margin: 0 auto;padding-top: 20px; margin-left: 30px;}
.section{margin:30px 0 30px 30px;border-bottom: 1px solid #ebeef3; }
.section h4{font-weight: bold; padding-bottom:20px;font-size:15px; height: 25px;line-height: 25px;}
.section_box{clear:both;overflow:hidden; padding-bottom:15px;}
.section_box .no{ color: #2bbec6;text-align: center;margin: 0 auto;display: inline-block;width: 20px;}
.section_box a:hover{color:#2bbec6;}
.section_box a:visited{color:#888;}
.viewall{padding:10px 0 20px 0;}
.viewall a:hover{color:#2bbec6;}
.lifepopular{ margin: 30px 0 30px 30px;
border-bottom: 1px solid #ebeef3;
padding-bottom: 20px;}
.lifepopular h4{font-weight: bold; padding-bottom:20px;font-size:15px; height: 25px;line-height: 25px;}
.lifepopular_box{clear:both;overflow:hidden; padding-bottom:15px;}
.lifepopular_box a:hover{color: #2bbec6;}
.lifepopular_box .no{ color: #2bbec6;text-align: center;margin: 0 auto;display: inline-block;width: 20px;}
.lifepopular_box .no_grey{color:#b9b9b9;text-align: center;margin: 0 auto;display: inline-block;width: 20px;}
.story{margin:30px 0 30px 30px;border-bottom: 1px solid #ebeef3; }
.story h4{font-weight: bold; padding-bottom:20px;font-size:15px; height: 25px;line-height: 25px;}
.story_box{clear:both;overflow:hidden; padding-bottom:15px; background: url(/img/web/img_dot2.gif) no-repeat left 20%; padding-right:10px;}
.story_box a{padding-left:10px;}
.story_box a:hover{color: #2bbec6;}
.story_box .no{ color: #2bbec6;text-align: center;margin: 0 auto;display: inline-block;width: 20px;}
.recommend {margin:30px 0 30px 30px;border-bottom: 1px solid #ebeef3; display: block;overflow: hidden;}
.recommend h4{font-weight: bold; padding-bottom:20px;font-size:15px;}
.recommend_box{ margin-bottom: 20px;overflow: hidden;}
.recommend_box .art-info{width:197px; float:left; margin-right:10px;}
.recommend_box .art-info .tit {color: #2bbec6;padding-bottom: 10px; display: block;}
.recommend_box .art-info a:hover{color: #2bbec6;}
.recommend_box .art-info a:visited{color:#888;}
.recommend_box .art-img{float:left;}
.cool {margin:30px 0 30px 30px;border-bottom: 1px solid #ebeef3; display: block;overflow: hidden;}
.cool h4{font-weight: bold; padding-bottom:20px;font-size:15px; height: 25px;line-height: 25px;}
.cool_box{ margin-bottom: 20px;overflow: hidden;}
.cool_box .art-info{ float:left;width:129px;}
.cool_box .art-info a:hover{color:#2bbec6; }
.cool_box .art-info a:visited{color:#888;}
.cool_box .art-info .tit {color: #888888; font-size:15px;padding-bottom: 10px;display: block;}
.cool_box .art-img{float:left; margin-right:10px; width:130px;}
.hotlife {margin:20px 0 30px 30px;border-bottom: 1px solid #ebeef3; padding-bottom: 20px; display: block;overflow: hidden;}
.hotlife h4{font-weight: bold; padding-bottom:20px;font-size:15px; height: 25px;line-height: 25px;}
.hotlife .i-cover .txt {
position: absolute;
bottom: 5px;
z-index: 2;
width: 90%;
padding: 5%;
color: #fff;
line-height: 1.2;
text-shadow: 1px 1px 0 #000; text-align: center;
}
.hotlife .i-cover {
overflow: hidden;
background: #000;
position: relative;
line-height: 0;
width: 100%;
}
.hotlife .i-cover a {
color: #fff;
z-index: 999;
}
.hotlife .bar img {
position: absolute;
top: 105px;
margin: 0 auto;
width: 100%;
height: 1px;
width: 8%;
text-align: center;
/* left: 15%; */
z-index: 2;
display: block;
margin-left: 45%;
}
.top3 {margin:30px 0 30px 30px;border-bottom: 1px solid #ebeef3; display: block;overflow: hidden;}
.top3 h4{font-weight: bold; padding-bottom:20px;font-size:15px; height: 25px;line-height: 25px;}
.top3_box{ margin-bottom: 20px;overflow: hidden;}
.top3_box .art-info{ float:left;width:129px; line-height: 26px;}
.top3_box .art-info a:hover{color:#2bbec6; }
.top3_box .art-info .tit {color: #888888; font-size:15px;padding-bottom: 10px;display: block;}
.top3_box .art-img{float:left; margin-right:10px; width:108px;}
.lifestyle {margin:30px 0 30px 30px;border-bottom: 1px solid #ebeef3; display: block;overflow: hidden;}
.lifestyle h4{font-weight: bold; padding-bottom:20px;font-size:15px; height: 25px;line-height: 25px;}
.lifestyle_box{ margin-bottom: 20px;overflow: hidden;}
.lifestyle_box .art-info{ float:left;width:129px; line-height: 26px;}
.lifestyle_box .art-info a:hover{color:#2bbec6; }
.lifestyle_box .art-info .tit {color: #888888; font-size:15px;padding-bottom: 10px;display: block;}
.lifestyle_box .art-img{float:left; margin-right:10px; width:108px;}
.issue{margin:30px 0 30px 30px;border-bottom: 1px solid #ebeef3; display: block;overflow: hidden;}
.issue{margin:30px 0 30px 30px;border-bottom: 1px solid #ebeef3; padding-bottom: 10px; }
.issue h4{font-weight: bold; padding-bottom:20px;font-size:15px;}
.issue_box{clear:both;overflow:hidden;height:30px;}
.issue_box .no{color: #2bbec6;text-align: center; margin: 0 auto;display: inline-block;width: 20px;}
.issue_box a:hover{color:#2bbec6;}
.popular {margin:30px 0 30px 30px;border-bottom: 1px solid #ebeef3; padding-bottom: 10px;overflow:hidden; }
.popular h4{font-weight: bold;padding-bottom: 20px;font-size: 15px;}
.popular a:hover{color:#2bbec6;}
.popular a.current{color:#2bbec6;}
.popular .photo{position: relative;}
.popular .p_list{float:left; width:130px; padding-right:9px; position: relative;}
.popular .p_list:last-child{ padding-right:0 !important}
.popular .p_list .tit{padding-top:10px; display:block; padding: 10px 0 20px;}
.popular .p_list .tit a:hover{color:#2bbec6;}
.popular .play img{position:absolute; top:50px; left:50px; z-index: 9998;}
.life { margin:30px 0 30px 30px;width:268px;padding-bottom: 10px;overflow:hidden; }
.life h4{font-weight: bold; padding-bottom:20px;font-size:15px;}
.life img{position: relative;}
.life .shadow{clear: both;width: 100%;height: 100%;display: block; position: absolute;bottom: 0;left: 0;z-index: 1;background-color: #000; opacity: 0.3}
.life .i-cover {overflow: hidden;background: #000;position: relative;line-height: 0;width: 100%;}
.life .i-cover .txt{position: absolute;bottom: 5px;left: 0;z-index: 2;width: 100%;padding: 5%;color: #fff;line-height: 1.2;}
.life .i-cover a{color:#fff; z-index:999;}
.life .i-cover2 {overflow: hidden;background: #000;position: relative;line-height: 0;width:134px; float:left !important;}
.life .i-cover2 .txt{position: absolute; bottom: 5px;left: 0;z-index: 2;width: 100%; padding: 5%;color: #fff;line-height: 1.2;text-align: center;}
.life .i-cover2 a{color:#fff; z-index:999;}
.timenews{padding:30px 0 20px; background: #f5f6f6;overflow:hidden; display: block; margin-bottom: 1px;}
.t_left{width:730px;float:left;}
.t_left .photonews{width:230px; margin-right:50px; float:left;}
.t_left h4 {font-weight: bold;padding-bottom: 20px;font-size: 15px;overflow:hidden;display: block; width:100%;}
.t_left .listnews{width:450px; float:left;}
.t_right{width:300px;float:left;}
.listnews p{border-bottom:1px solid #e6e6e6; font-size: 16px; line-height:46px;}
.listnews a:hover{color:#2bbec6;}
.listnews a:visited{color:#888;}
.photonews .txt{padding:10px 0 20px; font-size:16px; line-height:25px;}
.photonews .txt a:hover{color:#2bbec6;}
.photonews .txt a:visited{color:#888;}
.hotissue a{color:#04b9c2;}
.banner3{border:1px solid #e5e5e5; width:270px; height: 260px; text-align:center; padding-top:10px; margin: 0 auto;margin-left: 25px;}
.t_right{margin-left:30px;}
.t_right .issue2{padding-bottom: 10px; margin: 10px 25px 0;}
.t_right h4 {font-weight: bold;padding-bottom: 20px;font-size: 15px;}
.new{color:#e64c3d;}
.updown{ padding-left:10px ;}
.updown img{vertical-align: middle; padding-right:5px;}
.issue_box .bbox {width: 40px;text-align: left;float: right; font-size:12px;}
.issue_box a:hover{color:#2bbec6;}
.issue_box a:visited{color:#888;}
.community .table {width: 100%;}
.community table thead { background: #fff none repeat scroll 0 0;border-bottom: 1px solid #eaeaea;border-top: 1px solid #878787;height: 40px;line-height: 40px;width: 100%;}
.community table tr {border-bottom: 1px solid #e5e5e5;line-height: 50px; height: 50px;}
.community table tr.notice{border-left:0 none; border-right:0 none;}
.community_tbl_box10 {text-align: center;width: 10%;}
.community_tbl_box60 {width: 60%;}
.community_tbl_box20 {text-align: center;width: 20%;}
.community table .notice .btn-notice1 {font-size: 13px;padding: 0 3px; margin-right:10px;}
.community table a:hover{color:#2bbec6;}
.community table .btn-reply img {padding-right: 5px; vertical-align: middle;}
.community .mylist{border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc; padding:10px 0; margin-top:30px; text-align:center;}
.community .mylist span a:hover{color:#2bbec6;}
.community .date {color: #4e4e4e;font-size: 13px;text-align: center;}
.community .writer{text-align: center; }
.community .same{text-align: center; color:#ff5555;font-size:13px;}
.community .click{text-align: center; color:#969696;font-size:13px;}
.community .comments{color:#2bbec6; padding-left: 10px;}
.community .table_btns{ height: 50px;line-height: 50px;overflow: hidden;vertical-align: middle;}
.community .table_btns a{margin-left:10px;}
.community .table_btns .current{background: #2bbec6;color:#fff;}
.community .slct_box {clear: both;margin: 20px 0;overflow: hidden;text-align: center;}
.community .table_btns .lists img{padding: 20px 5px 0 !important; margin-left:0 !important;}
.community .table_btns .lists a:hover{color:#2bbec6;}
.community .srch span {border: 1px solid #ccc;border-radius: 5px;display: inline-block;height: 32px;line-height: 32px;overflow: hidden;padding: 0 0 0 10px;vertical-align: middle;width: 300px;}
.community .srch img {float: right; padding: 6px 5px 0;}
.community .srch span input {border: 0 none;float: left;font-size: 14px;height: 32px;line-height: 32px;width: 270px;}
.community .slct {background: #fff url("/img/web/img_select.gif") no-repeat scroll 95% 50%; border: 1px solid #ccc;border-radius: 5px;margin-right: 10px;overflow: hidden;width: 150px;float:left;}
.community .lists{font-size:13px;}
.community .c_banner{margin-bottom:30px;overflow:hidden; display: block;}
.slct select {-moz-appearance: none;background: transparent none repeat scroll 0 0;border: medium none;color: #757575;font-size: 14px;height: 32px;line-height: 32px;padding-left: 10px;width: 170px;}
.bestpray{background: url(/img/web/img_best.jpg) no-repeat left top; margin-bottom:30px; height: 213px; padding:30px 40px;}
.bestpray a{color:#fff; line-height: 30px;}
.bestpray .txt_l{float:left; padding:30px 20px 0 0; width:300px;}
.bestpray .txt_r{float:left; padding:30px 0 0 20px;width:300px;}
.bestpray .tit{color:#fff; border: 1px solid #fff; width:80px; text-align: center; padding:10px 20px; font-size:16px;}
.bestpray .no_first{color:#a7f5f9; padding-right:5px;}
.bestpray .no_second{color:#f5dda3; padding-right:5px;}
.panel{border-top:1px solid #888888;}
.panel_header {background: #fff none repeat scroll 0 0;height: 50px;line-height: 50px;text-align: center;width: 100%;}
.panel_body{background: #fbfbfb; padding:30px 30px; overflow:hidden; line-height: 30px; border-bottom:1px solid #dcdcdc;clear: both;}
.panel_body li{float:left;}
.panel_title{font-size:18px; }
.panel_info{background: #fbfcfd;border-bottom: 1px solid #dcdcdc;border-top: 1px solid #dcdcdc;height: 35px;line-height: 35px;padding: 3px 7px; font-size:13px;}
.panel_info img{padding:13px 6px;}
.panel_btns{text-align:center; margin-top:30px;}
.panel_btns span a{font-weight: bold;}
.reply_all {padding: 20px 0;width: 100%;border-bottom: 1px solid #ebeef3;}
.reply_all ul{height:35px; line-height: 35px;}
.reply_all ul:hover{background: #e9f9fb;}
.reply_all .current{background: #e9f9fb;}
.reply_all .current a{color:#000; font-size: 16px;}
.reply_all li{float:left; height: 30px; }
.reply_all .tit{width:67%; padding-left:3%; background: url(/img/web/img_dot2.gif) no-repeat 2% 50%;}
.reply_all .tit a:hover{color:#000; font-size: 16px;}
.reply_all .writer{width:15%;}
.reply_all .date{width:15%;}
.community_top{margin-top:20px; width:100%; background: #f6f5f0; overflow: hidden; padding:30px 0;}
.pray {margin-top:20px; width:100%;}
.pray .lists a{font-size:15px;float:left; padding:0 10px; color: #bab3b3;}
.pray .lists a:hover{color:#2bbec6;}
.pray .lists .current{color:#2bbec6;}
.life_list h4 {padding: 20px 0;font-size: 16px;}
.community_contents h4{padding: 20px 0;font-size: 16px;}
.column_contents h4{padding: 20px 0;font-size: 16px;}
.talk{clear: both;
display: block;
margin-bottom: 20px;
overflow: hidden;}
.t_reply{color:#fb3f3f;}
.talk_box li{height: 30px; }
.talk_left {width:49%; margin-right:2%; float:left;}
.talk_right {width:49%; float:left;}
.talk_right .talk_reply{padding-top:10px; color:#888888;}
.talk_box{overflow:hidden; display: block; margin-bottom: 10px;}
.btn_reply{padding:2px 4px; font-size:12px; margin-right:5px;}
.talk_header{margin-bottom: 30px; height: 30px; line-height: 30px;}
.talk_header li:hover{color: #2bbec6;background-color: #fff;border-color: #2bbec6;}
.talk_header li.current{color: #2bbec6;background-color: #fff;border-color: #2bbec6;}
.talk_header .all{font-size: 13px; padding-right:10px;}
.top_left{width:410px; float:left; margin-right: 20px;}
.top_left .tl_img{float:left; margin-right: 20px; width:180px; }
.top_left .tl_img img{border-radius: 180px;border:4px solid #fff;}
.top_left .top_box{float:left; width:200px; margin-top:15px;}
.art_cate{color:#a5a5a5; padding: 8px 0; }
.art_cate2{color:#06b9c0; padding: 8px 0; }
.top_left .top_box h3{color:#000; font-size:20px; line-height:28px; margin-bottom: 20px; font-weight: bold;}
.top_left .top_box h3 a:hover{color: #2bbec6;}
.top_left .txt{font-size: 13px;
line-height: 23px;color:#676767;}
.top_right{float:left; position: relative; width:615px;}
.top_right .btn_l{position: absolute; top:70px; left:0; width: 13px;}
.top_right .btn_r{position: absolute; top:70px; right:0; width: 13px;}
.top_right li{ float: left;
width: 120px;
margin: 0 11px;}
.top_right li:last-child{margin-right:0 !important;}
.top_right .tr_img{text-align: center;}
.top_right .tr_img img{border-radius: 120px;border:4px solid #fff;}
.tr_txt a{font-size:15px;}
.tr_txt a:hover{color: #2bbec6;}
.top_right ul{ padding-left: 20px;}
.pray_box {float:left; clear:both; width:100%; margin-top: 20px; position:relative;}
.pray_box li{position:relative; float:left; margin-right:20px;width:230px; }
.pray_box li:last-child{margin-right:0 !important;}
.pray_box .photo_info{position:absolute; bottom:0; left:0; background: #000; opacity: 0.8; padding:10px;}
.pray_box .photo_info a{color:#fff;}
.pray_box .tag{background: #fb3f3f none repeat scroll 0 0;
color: #fff;
font-size: 13px;
left: 0;
padding: 5px 10px;
position: absolute;
top: 0;}
.pray_box .s_left{position:absolute; left:0; top:35px;z-index: 9998;}
.pray_box .s_right{position:absolute; right:0; top:35px;z-index: 9998;}
.pray .list_box {padding-top:30px; clear:both; width:100%; font-size: 15px; overflow: hidden;display: block;}
.pray .list_box div{height:40px;}
.pray .list_box .writer a{font-size:13px; color:#a5a5a5;}
.pray .list_box a:hover{color:#2bbec6;}
.beststory{background: url(/img/web/img_4_1.jpg) no-repeat left top; width:730px; height:162px; margin-top: 20px; position: relative;}
.beststory .photo_info2{position:absolute; top:0; right:0; background: #000; opacity: 0.6; padding:15px 20px; width:410px;height:132px;}
.beststory .photo_info2 a{color:#fff; line-height: 32px;}
.beststory .photo_info2 a:hover{color:#2bbec6;}
.beststory .tit{color:#fff; border-radius: 70px; text-align: center; vertical-align: middle; border: 1px solid #fff; width:70px; height: 70px; display: block; position: absolute; left:30px; bottom:20px;}
.beststory .tit a{color: #fff;
display: block;
padding-top: 10px; font-size: 13px;
}
.photo_info2 a:hover{color:#2bbec6;}
.search_header{clear:both; position: relative; border-bottom: 1px solid #e6e6e6; height: 47px; line-height: 47px; font-size:16px;}
.search_logo {position:absolute; left:30px; width:32px; top:14px; display: inline-block;}
.search_menu{position: absolute; left:80px;}
.search_menu span{padding:0 5px;}
.search_menu .current{color:#2bbec6;}
.search_menu a:hover{color:#2bbec6;}
.search_menu img{padding-top:16px;}
.middle_search{width:730px; margin:0 auto;}
.middle_search .search_list{clear:both;display: block; overflow: hidden; margin-top: 20px;}
.middle_search .search_list li {
float: left;
padding: 0 5px;
}
.middle_search .search_list a:hover {
color: #2bbec6;}
.middle_search .search_list .current {
color: #2bbec6;
}
.middle_search .search_list li img {
padding-top: 2px;
}
.middle_search .period{clear:both; overflow: hidden;display: block; border-top: 1px solid #eaeaea; border-bottom: 1px solid #2dbfc6; padding:20px 0; margin-top:20px;}
.middle_search .period img{padding: 2px 5px;}
.time_tit{padding-right:20px; color:#969696;}
.middle_search .period .current{color:#2bbec6;}
.middle_search .period a:hover{color:#2bbec6;}
.middle_search .search_cate {
margin: 20px 0;color: #000;
font-size: 17px;
border-bottom: 1px solid #eaeaea; padding-bottom:10px;
}
.middle_search .search_num {
color: #767676;
font-size: 14px;
padding-left: 10px;
}
.middle_search .search_img{float:right; margin-top: 40px;}
.middle_search .search_tit {
font-size: 18px;
margin-bottom: 10px;
}
.middle_search .search_tit a {
color: #2954b6;
text-decoration: underline;
}
.middle_search .search_tit a:hover {
color: #2bbec6;
}
.middle_search .search_txt {
line-height: 22px;
}
.middle_search .search_box {
float: left;
width: 570px;
}
.middle_search .search_wrap {
display: block;
margin-bottom: 20px;
overflow: hidden;
width: 100%;
}
.middle_search .search_info {
color: #767676;
font-size: 13px;
height: 20px;
line-height: 20px;
margin-bottom:20px;
}
.middle_search .search_info a:hover{color:#2bbec6;}
.middle_search .search_info span {
margin-right: 10px;
}
.middle_search .search_info img {
margin-right: 5px;
vertical-align: middle;
}
.middle_search .btn_photos2 {
margin: 20px 0 40px 0;
padding: 10px 15px;
width:700px;
}
.middle_search .btn_photos2 img{padding-top:7px;}
.middle_search .m_t_search{clear: both; background: #fff;
display: block;
overflow: hidden;
width: 730px;
border:1px solid #2bbec6; height: 42px; line-height: 42px; position: relative;
}
.middle_search .srch_inp{width:680px;}
.middle_search .srch_inp input {
background: transparent none repeat scroll 0 0;
border: 0 none;
color: #4e4e4e;
font-size: 16px;
line-height: 42px;
padding-left:20px;
width: 90%;
}
.middle_search .btn_search{position: absolute; right:10px; top:10px; background: url(/img/web/img_search2.gif) no-repeat;width:26px; height: 26px;text-indent: -9999px;}
.middle_search .btn_clear_input{position: absolute; right:50px; top:8px; background: url(/img/web/btn_close.gif) no-repeat; width:27px; height: 27px; text-indent: -9999px; }
.m_t_search button {
border: 0 none;
box-shadow: none;
cursor: pointer;
outline: 0 none;
}
.channel_bottom {
margin-bottom: 30px;
background: rgba(0, 0, 0, 0) url(/img/web/bg_row.gif) repeat-x scroll 50% 50%;
clear: both;
display: block;
height: 40px;
overflow: hidden;
/* padding: 40px 0; */
position: relative;
}
.channel_bottom button {
position: absolute;
width: 9%;
margin-left: 45.5%;
height: 40px;
}
.src_icon{ position: absolute;
right: 55px;
top: 16px;}
/* footer */
.footer{background: #f1f7fa; height: 85px; clear:both;}
.footer_search{background: #f1f7fa;clear:both; padding:30px 0;}
.copyright{position: absolute;left:0;color:#888888; font-size:11px; top:40px;}
.f_social{position: absolute;top:30px;right:0;}
.f_social a{padding:0 3px;}
.f_social_l{margin:0 auto; text-align:center;}
.f_social_l a{padding:0 3px;}
/*.news_box{border: 1px solid #d4d4d4;*/
/*width: 100%;*/
/*background: #fff;*/
/*overflow: hidden;*/
/*display: block;*/
/*margin:20px 0;}*/
/*.news_box ul{float:left; width:12.8%; margin:0 auto; padding: 10px 4.99px;}*/
/*.news_box ul li{padding:10%;}*/
/*.news_box .news_s_box{border-right:1px solid #ececec;}*/
/*.news_box .news_s_box li a{font-size:13px;}*/
/*.news_box .news_s_box li a:hover{color:#2bbec6;}*/
/*.news_box .news_s_box:last-child{border-right:0 !important;}*/
.columnist_box{border: 1px solid #d4d4d4;
width: 100%;
background: #fff;
overflow: hidden;
display: block;
margin:20px 0;
}
.columnist_box ul{ width: 100%; margin:0 auto;}
.columnist_box .news_s_box div { float:left; border-left: 1px solid #ececec; width:12.3%; padding:18px 0px 0px 13.1px;}
.columnist_box .news_s_box div a{font-size:13px;}
.columnist_box .news_s_box div a:hover{color:#2bbec6;}
.columnist_box .last_row {color:#2bbec6;}

275
public/css/web/search.css Executable file
View File

@@ -0,0 +1,275 @@
#search {width:100%;border-bottom: 1px solid #eaeaea; padding-bottom: 100px;}
#search .search_result{font-size:18px; border-bottom: 1px solid #eaeaea; padding:10px 0 20px 0; overflow: hidden;}
#search .search_result .keyword{font-weight:bold;}
#search .search_result .search_view a{color: #2954b6;
text-decoration: underline;}
#search .search_result .related_tit{width:7%; float:left; font-size:14px; padding-top: 3px;}
#search .search_result .related_names{width:86%; float:left;}
#search .search_result .related_names a{color:#2954b3; font-size:14px; padding-right:15px; padding-bottom: 10px;}
#search .search_result .related_btn{width: 7%;
text-align: right;
padding-top: 17px;}
#search .search_cate{font-size:17px; margin-bottom: 30px;color:#000;}
#search .search_num{color:#767676; font-size:14px; padding-left:20px;}
#search .search_nav{color:#000; padding-left:20px;font-size:14px;}
#search .search_nav a{color:#000; font-size:14px;}
#search .search_nav .current{color:#2954b6;}
#search .search_date{color:#767676; font-size:13px; padding-left:10px;}
#search .search_info{color: #767676;
font-size: 13px;
height: 20px;
line-height: 20px;
margin: 5px 0;}
#search .search_info img{vertical-align: middle; margin-right:5px;}
#search .search_info a{color:#767676; }
#search .search_info a:hover{color:#2bbec6;}
#search .search_info span{margin-right:10px;}
#search .search_date .img_direct img{padding-left:10px;clear:both; padding-top: 2px;}
#search .search_tit{font-size:18px;margin-bottom: 10px;}
#search .search_tit a{color:#2954b6; text-decoration: underline; }
#search .search_tit a:hover{color:#2bbec6; }
#search .search_txt{line-height: 22px;}
#search .search_url{}
#search .search_url a{color:#04b9c2; font-size:14px;}
#search .search_cate{margin:20px 0; }
#search .search_cate span{margin-left:5px; }
#search .search_img{float:left; margin-right: 20px; position: relative;}
#search .search_img .play{position:absolute; top:30px; left:50px;}
#search .search_img .playtime{position:absolute; top:40px; right:0px; background: #000; opacity: 0.7; color:#fff; font-size:12px; padding:2px 5px;}
#search .search_wrap{width:100%; overflow:hidden; display: block; margin-bottom: 20px;}
.b_roll{clear:both; overflow:hidden; padding:20px 0 0 60px;border-top: 1px solid #eaeaea;}
.b_roll img{padding-top:5px; display: inline-block;}
.b_roll_txt{display: inline-block;width: 150px;}
.b_roll_txt a:hover{color:#2bbec6;}
.b_search{width: 595px;clear:both; position: relative; display: block; height: 50px; margin:20px 0 20px 60px;}
.b_window{ position:absolute; left:0; top:0; display: inline-block;width: 546px;height: 41px;border: 2px solid #04b9c2;background: #fff;padding-left: 20px;font-size: 15px;color: #999;}
.b_src_sumit{position:absolute; left:550px; top:0;overflow: visible;width: 45px;height: 45px; line-height:45px; padding-top:10px;border: 0;background: #04b9c2;}
#search .search_tab{margin-top:20px;}
#search .search_tab a{color:#2bbec6;}
#search .search_tab a:hover{background: #f3f3f3;color:#767676;}
#search .search_tab .current{background: #f3f3f3;color:#767676;}
#search .search_tab2{margin-top:20px;margin-bottom: 10px;}
#search .search_tab2 span{margin-top:20px;}
#search .search_tab2 span a{color:#767676 !important; background: #f3f3f3 !important}
#search .search_tab2 span a:hover{background: #fff !important;color:#04b9c2 !important;}
#search .search_tab2 span a.current{background: #fff !important;color:#04b9c2 !important;}
#search .search_list{margin-top:20px; width:100%; overflow:hidden; display: block;}
#search .search_list a:hover{color:#2bbec6;}
#search .search_list .current{color:#2bbec6;}
#search .search_list li{float:left; padding:0 5px;}
#search .search_list li img{padding-top:2px;}
#search .s_reply img{margin-right:5px !important;}
#search .s_reply a{color:#2954b6 !important;}
#search .search_box{float:left; width:570px;}
.search_all{font-size:14px; color:#767676; margin-top:20px; display: block; overflow: hidden;}
.search_all a:hover{color:#2bbec6; }
.s_search_all{font-size:14px; color:#767676; }
.s_search_all a:hover{color:#2bbec6; }
.s_seeall {height:23px; line-height: 23px;}
.s_seeall a{color:#2954b6;text-decoration: underline;}
.s_seeall a:hover{color:#2bbec6; }
.s_seeall img{padding:5px 0 0 5px;}
.notice{ font-size:12px; color:#868686; border: 1px solid #c3c3c3; padding:2px;}
.notice a{color:#868686; }
.notice_info{font-size:13px;}
.profile img {
border-radius: 20px;
}
.search_cate2 {overflow:hidden;}
.search_cate2 li{float:left;}
#search .search_list2{margin-top:21px; overflow:hidden; padding-left:20px;}
#search .search_list2 a:hover{color:#2bbec6;}
#search .search_list2 .current{color:#2bbec6;}
#search .search_list2 a{padding:0 5px;}
#search .search_list2 img{padding-top:2px;}
.bb{border-bottom:1px solid #e1e2e3;}
.video_box{width:100%;padding-bottom: 10px;overflow: hidden; display: block;}
.video_list {width:137px;display: inline-block;float:left; margin-right:11px; position:relative;}
.video_box.cm_earch_video .video_list {width:137px;display: inline-block;float:left; margin-right:9px; position:relative;min-height:200px}
.video_list:last-child{margin-right:0 !important;}
.video_list .report{position:absolute;top:10px; left:10px; width:20px; height: 20px;}
.video_list .play {
left: 50px;
position: absolute;
top: 30px;
width:20px; height: 20px;
}
.video_list .playtime {
background: #000 none repeat scroll 0 0;
color: #fff;
font-size: 12px;
opacity: 0.7;
padding: 2px 5px;
position: absolute;
right: 0;
top: 40px;
}
.video_list .playtime2 {
background: #000 none repeat scroll 0 0;
color: #fff;
font-size: 12px;
opacity: 0.7;
padding: 2px 5px;
position: absolute;
right: 0;
top: 76px;
}
.video_list .tit{padding-top:10px; overflow:hidden;display: block;}
.video_list .tit a{font-size:14px; color: #2954b6;line-height: 22px;}
.video_list .tit img{padding:2px;}
.popup_share{ background: #fff none repeat scroll 0 0;
border: 1px solid #bfbfc0;
display: block;
left: 50%;
margin: 0 auto;
margin-left: -126px;
padding: 40px 20px 20px 20px;
position: absolute;
top: 355px;
width: 260px;
z-index: 9999999;
height: 170px;}
.popup_share a:hover{color:#2bbec6;}
.popup_share img{padding-bottom: 5px;}
.popup_share li{float:left;text-align:center; width:65px; display: inline-block;}
.popup_share li a{font-size: 12px;}
.popup_share .s_share{clear:both;display: block; padding-top:15px;
position: relative;
width: 250px;
}
.popup_share .s_window {
background: #f8f8f8 none repeat scroll 0 0;
border: 1px solid #d8d8d8;
color: #686868;
display: inline-block;
font-size: 14px;
height: 28px;
padding-left: 10px;
position: absolute;
width: 174px;
}
.popup_share .s_close{position:absolute; right:25px; top:10px;}
.popup_share .s_src_sumit {
background: #fff none repeat scroll 0 0;
border: 1px solid #d8d8d8;
height: 30px;
line-height: 30px;
overflow: visible;
width: 65px;
position: absolute;right:0;font-size: 12px;
}
.search_images{width:100%;
}
.search_images .search_result{font-size:18px; border-bottom: 1px solid #eaeaea; padding:10px 0 20px 0;}
.contents .s_wrap{ width: 96%; margin: 0 auto; padding:0 2%;}
.photos{clear:both;overflow:hidden;display: block; padding-top:10px;}
.photos .photo_info{ background: #000 none repeat scroll 0 0;
bottom: 0;
color: #fff;
font-size: 12px;
left: 0;
opacity: 0.7;
padding: 6px 4%;
position: absolute;
width: 92.1%;
}
.photos a{margin-right:6px; float:left; position: relative;}
.photos a:last-child{margin-right:0 !important;}
.photos1 {clear:both;overflow:hidden;display: block; padding-top:10px;}
.photos1 li {margin-right:6px; margin-bottom:6px;float:left; position: relative;}
.photos1 .photo_info{ background: #000 none repeat scroll 0 0;
bottom: 0;
color: #fff;
font-size: 12px;
left: 0;
opacity: 0.7;
padding: 6px 4%;
position: absolute;
width: 92.1%;
}
.image_viewer{background:#000000; padding:70px 80px; overflow:hidden; position:relative; display: block; clear: both; margin-bottom: 10px; margin-top:20px;}
.click_left{position: absolute; left:30px; top:180px;}
.click_right{position: absolute; right:30px;top:180px;}
.click_close{position:absolute; top:20px; right:20px;}
.pointer{height: 7px;
left: 340px;
position: absolute;
top: -7px;
width: 11px;}
.viewer_photo{width:434px; float:left; margin-right:50px;}
.viewer_photo img{vertical-align: middle; text-align: center;}
.viewer_box{width:399px; float:left; position:relative;}
.viewer_box .report{ position: absolute;
border: 1px solid #6a6c6d;
background: #000;
color: #fff;
width: 155px;
height: 45px;
left: -80px;
top: 63px;
text-align: center;
padding: 20px;}
.viewer_box .report div{margin-top: 15px;}
.viewer_box .report span{margin: 0 5px;
background: #424242;
width: 40px;
height: 20px;
padding: 3px 10px;
font-size: 12px;}
.viewer_box .report a{color:#fff;}
.viewer_box .small_photos a{margin-right:10px; float:left; margin-bottom: 10px;}
.viewer_box h2{font-size:18px; font-weight: bold;color:#9a9d9e; line-height: 28px; margin-bottom: 10px;}
.viewer_box_wrap{width:1040px; margin:0 auto;}
.wrap_photos{position:relative;}
.btn_photos{
margin: 40px 0 20px;
padding: 15px 0;
width:100%;}
.btn_photos img{vertical-align: middle; padding-left:10px;}
.btn_photos a:hover{color:#2bbec6;}
.not_found02 {
padding: 10px 0 21px 30px;
zoom: 1;
}
.not_found02 p {
padding-right: 20px;
font-weight: 700;
font-size: 14px;
color: #000;
line-height: 18px;
word-wrap: break-word;
word-break: break-all;
}
.not_found02 p em {
color: #eb0c00;
}
.not_found02 ul {
margin: 14px 0 0 10px;
font-size: 12px;
line-height: 18px;
}
.not_found02 li {
margin-bottom: 5px;
padding-left: 7px;
background: url(/img/web/spot.gif) no-repeat 0 7px;
color: #000;
}

6
public/css/web/toastr.min.css vendored Executable file
View File

File diff suppressed because one or more lines are too long