/* =+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+ [테마 수정 시 주의사항] 1. 워드프레스(Wordpress)의 업데이트 방식은 기존 테마/플러그인을 삭제 한 후 재설치 하는 방식입니다. 업데이트 시 모든 수정사항이 초기화 되므로 테마를 수정하시는 경우, 차일드테마(Child Theme) 방식을 이용해 주시기 바랍니다. 2. 차일드테마(Child Theme)를 이용한 수정 방법 : https://codex.wordpress.org/ko:Child_Themes =+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+ */ /* Theme Name: Corporation Theme URI: http://demo-corporation.bbsetheme.com Author: BBS e-Theme Author URI: http://www.bbsetheme.com License: GNU General Public License, v3 License URI: http://www.gnu.org/licenses/gpl.html Description: 테마환경설정, SNS공유, 카테고리 템플릿(갤러리/리스트), 반응형, SEO, 보안서버설치가능, BBS e-Plugin과 호환되며 업데이트 발생 시 알림표시를 제공합니다. Version: 1.3.6 Tags: 파란색, 흰색, 밝음, 1열, 좌측 사이드바, 우측 사이드바, 반응형 레이아웃, 블라바타, 사용자 정의 메뉴, 테마 옵션 본 테마는 워드프레스와 동일한 GPL 라이센스의 테마입니다. 임의대로 수정,삭제 후 이용하셔도 됩니다. 단, 재배포 시 GPL 라이센스로 재배포 되어야 하며, 원 제작자의 표기를 해주시기 바랍니다. ‘Corporation' WordPress Theme, Copyright 2014 BBS e-Theme(http://www.bbsetheme.com) ‘Corporation' is distributed under the terms of the GNU GPL */ @charset "UTF-8"; @import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); @import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css); /*@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);*/ @import url(http://fonts.googleapis.com/css?family=Noto+Sans:400,700,400italic,700italic); /* Reset */ * {margin:0; padding:0} html, body {overflow-x:hidden;background-color:#fff} body {margin:0; padding:0; height:100%; font-size:12px; /*line-height:1.0;=in제거*/ color:#969696; font-family:'Noto Sans','NanumGothic','Nanum Gothic', sans-serif}/*in=font-family: Dotum, Arial, 제거 */ div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,fieldset,input,table,tr,th,td,button,textarea,select {margin:0;font-family:'NanumGothic','Nanum Gothic', sans-serif}/*in=font-family: Dotum, Arial, 제거 */ article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary {display:block} h1,h2,h3,h4,h5,h6 {font-weight:normal; font-size:100%} ul,ol,dl,dt,dd,li {list-style:none} fieldset {border:none} img {border:0; vertical-align:middle} strong {font-family:'NanumGothic','Nanum Gothic'; font-weight:bold} address,em {font-style:normal; color:#969696} hr {display:none} table {border-collapse:collapse; width:100%} table, td, th {border:none} th {font-weight:normal} a {color:#999; text-decoration:none; cursor:pointer} a:hover,a:focus {text-decoration:none;/*color:#fff*/} caption,legend {visibility:hidden; width:0; height:0; font-size:0; line-height:0} button {cursor:pointer;border:0;background-color:transparent;padding:0;margin:0;} button > span,button > em {position:relative;top:0;left:0;} label {line-height:13px !important} textarea {padding:10px; background: #fefefe; border:1px solid #dadde1 !important; border-radius: 3px;box-shadow: inset 1px 3px 4px -3px rgba(0,0,0,0.1); resize:none} select {padding: 6px 4px 6px 4px; border-radius: 3px; border: 1px solid #CED3DA; background: #FFF; color: #696F74; font-size: 13px !important; line-height: 18px !important; font-weight: normal; } input[type=text], input[type=password]{height:32px;padding:0 5px;line-height:18px;text-indent:3px;color: #696F74;vertical-align:middle; background: #fefefe; border:1px solid #dadde1 /*!important*/; border-radius: 3px;box-shadow: inset 1px 3px 4px -3px rgba(0,0,0,0.1);} /*input[type=file] {padding:5px; border:1px solid #bfbfbf\0/IE8+9; .border:1px solid #bfbfbf; color:#666; background:none; border:none}*/ input[type=file] {padding:5px; border:1px solid #bfbfbf; color:#666; background:none; border:none} input[type=image], input[type=checkbox] {border:0 none !important;vertical-align: middle;margin-right: 2px;} input[type='checkbox'], input[type='radio'] {width:16px;height:16px;position:relative;top:-1px;vertical-align:middle;margin-right:3px;} input[type="submit"] {-webkit-appearance: none;border-radius: 0;} @media \0screen {input[type=text], input[type=password]{line-height:30px;}} *,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} .blind {position:absolute;left:0;top:0;font-size:0;visibility:hidden;width:0;height:0;line-height:0} .hidden {visibility:hidden; overflow:hidden; width:0; height:0; margin:0; padding:0; font-size:0; line-height:0; text-indent:-9999px} .none {position:absolute; top:-5000px; left:-5000px; height:0;} .clearfix:after { content:" "; display:block; clear:both; height:0;visibility:hidden; font-size:0; } .fixed {table-layout:fixed;} .l16 {line-height:16px !important;} .l18 {line-height:18px !important;} .l20 {line-height:20px !important;} .l25 {line-height:25px !important;} .pb_10 {padding-bottom:10px !important;} .pb_20 {padding-bottom:20px !important;} .pb_30 {padding-bottom:30px !important;} .pb_50 {padding-bottom:50px !important;} .mt_10 {margin-top:10px !important;} .mt_20 {margin-top:20px !important;} .mt_30 {margin-top:30px !important;} .mt_50 {margin-top:50px !important;} .mb_10 {margin-bottom:10px !important;} .mb_20 {margin-bottom:20px !important;} .mb_30 {margin-bottom:30px !important;} .mb_50 {margin-bottom:50px !important;} .ta_l {text-align:left !important;} .ta_r {text-align:right !important;} .ta_c {text-align:center !important;} .skipnavi {height:0;font-size:0;line-height:0;} .skipnavi a:focus {position:absolute;top:0;left:0;width:100%;display:block;padding:5px 0;text-align:center;background-color:#999;font-size:12px;line-height:1.5;z-index:900;} /* customer color set */ .customerColorSet {color:#000;} body {color: #969696;} /* layout */ #wrap {background-color:#ffffff; box-shadow:0 8px 12px rgba(0, 0, 0, .5); position:relative; overflow:hidden; } #wrap.box-layout {width:1064px;margin:0 auto;overflow:hidden;padding:0 0px;background-color:#ffffff} #header {z-index:200;width:100%;background:#fff;} .content-area-type-a #header {position:static;} .content-area-type-b #header {position:fixed;top:0;width:100%;} #wrap.box-layout #header {width:1064px;margin:0 auto;} #header .top-drawer {position:relative;width:100%;vertical-align: middle;} #header .top-drawer.closed {display:none} #header .top-drawer div {display:table;width:100%;height:80px;overflow:hidden;margin:0 auto;text-align:center;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;word-break:break-all;} /*최상단 이벤트 가로값 수정 width: 1024px 에서 width: 1100px으로 > 100% */ #header .top-drawer .bg-img-pattern {background-repeat:repeat;background-position:0 0;background-size:auto;} #header .top-drawer div span {height:100%;text-align:center;overflow:hidden;vertical-align: middle;color:inherit;font-size:inherit;} #header .top-drawer button.close {position:absolute;z-index:20;top: 25%;right:20px;display:inline-block;width:40px;height:40px;/* margin-top:-20px; */background-color:#000;vertical-align: middle; opacity:.5; background-image:url(./images/ic_topDrawer_close.png); background-position:50% 50%; background-repeat:no-repeat; } #header .util-container {/*border:1px solid #f3f3f3;border-left:0;border-right:0; =in제거 */} #header .wrap-util {width:1024px;margin:0 auto;font-size:0;padding:0;} #header .wrap-util > div {font-size:12px;display:inline-block;height:100%;} #header .wrap-util > div ul:after {display:block;content:"";height:0;clear:both;} #header .wrap-util > div ul li {float:left;height:100%;} #header .wrap-util > div ul li a {vertical-align: middle} #header .wrap-util .sns-util {float:left;} #header .wrap-util .sns-util li {padding:4px 10px;border-left:1px solid #f3f3f3;} #header .wrap-util .sns-util li:last-child {border-right:1px solid #f3f3f3;} #header .wrap-util .sns-util li a {display:inline-block;width:32px;height:32px;overflow:hidden; background:url(./images/ic_sns.png) 50% 50% no-repeat; background-size:96px 32px; } #header .wrap-util .sns-util li a.tw {background-position:0 0;} #header .wrap-util .sns-util li a.fb {background-position:-32px 0;} #header .wrap-util .sns-util li a.gg {background-position:-64px 0;} #header .wrap-util .sns-util li a em {visibility:hidden; overflow:hidden; width:0; height:0; margin:0; padding:0; font-size:0; line-height:0; text-indent:-9999px;} #header .wrap-util .custom-util {float:right;padding:14px 24px;border-left:1px solid #f3f3f3;} #header .wrap-util .custom-util li a {font-size:0.917em;} #header .wrap-util .custom-util li:after {float:right;display:block;content:' ';height:10px;width:10px;} #header .wrap-util .custom-util li:last-child:after {display:none;} #header .wrap-util .util {min-height:40px;margin-left:20px;} #header .wrap-util .util {float:right;padding:14px;border:1px solid #f3f3f3;border-top:0;border-bottom:0;background:#f3f3f3;} #header .wrap-util .util li a {font-size:0.917em;} #header .wrap-util .util li:after {float:right;display:block;content:' ';height:10px;width:20px;} #header .wrap-util .util li:last-child:after {display:none;} #header .wrap-util:after {display:block;height:0;content:"";clear:both;} .wrap-gnb {border-bottom:1px solid #f3f3f3;} #gnb {position:relative;width:1100px;margin:0 auto;padding:9px 0;z-index:30;} /*좌측메뉴 + 컨텐츠 공간 가로값 1100px에 맞춤 = > width: 1024px에서 width: 1100px + padding:15px 0 > 9px 0; > 0px 0; */ #gnb h1.logo {float:left;display:table;} #gnb h1.logo a {display:table-cell;height:68px;vertical-align:middle;overflow:hidden;padding-left: 5px;} #gnb h1.logo a img {max-width:100%;height:auto;border: none;display: block; /* ▲ in=width:210px > max-width: 100% + border: none;display: block 추가*/} #gnb .inner-wrap {float:right;width:auto;} #gnb .inner-wrap:after {display:block;height:0;content:"";clear:both;} #gnb ul li {background:#fff;} #gnb ul.menu {float:left;margin-top:24px;/*margin-right:10px;*/} #gnb ul.menu > li {position:relative;float:left;margin-right:20px;padding-bottom:9px} #gnb ul.menu > li.active {border-bottom:2px solid #000;} #gnb ul.menu > li:last-child {margin-right:0;} #gnb ul.menu > li > a {font-size:1.375em;font-weight:400;color:#999;} #gnb ul.menu > li:hover > a {display:block;overflow:hidden;color:#000;border-bottom:2px solid #000;padding-bottom:9px}/* customer color set */ #gnb ul.menu > li:hover ul.menu-depth-1 {display:block;position:absolute;top:29px;left:0;} #gnb ul.menu > li.member {display:none;} #gnb ul.menu-depth-1 {display:none;width:200px;padding-top:25px;} #gnb ul.menu-depth-1 > li {position:relative;background-color:#000;padding:10px 15px;border-bottom:1px solid #333;} /*하위메뉴 백그라운드 컬러 기본 #000*/ #gnb ul.menu-depth-1 > li.menu-item-has-children {/*background:url(./images/ic_hasChildren.png) 152px 50% no-repeat #000;*/} #gnb ul.menu-depth-1 > li a {display:inline-block;width:100%;height:100%;font-size:1.167em;color: #ffffffd1;} #gnb ul.menu-depth-1 > li:hover > a {color:#fff;}/* customer color set */ #gnb ul.menu-depth-1 > li:hover ul.menu-depth-2 {display:block;position:absolute;top:0;left:171px;} #gnb ul.menu-depth-2 {display:none;width:170px;} #gnb ul.menu-depth-2 > li {background:#000;padding:10px 15px;border-bottom:1px solid #333;} #gnb ul.menu-depth-2 > li:hover > a {color:#fff;}/* customer color set */ #gnb ul li button.open-child {display:none;outline: none;} #gnb #searchform {float:right;display:inline-block;width:72px; height:72px;display: none;} #gnb #searchform a.toggle {display:inline-block;width:100%;height:100%;background:url(./images/bg_gnb-search.png) 50% 50% no-repeat;padding:10px;} #gnb #searchform input[type=text] {display:inline-block;width:85%; height: 100%; font-size:1.833em; line-height: 24px; text-indent: 0px; color: #000; vertical-align: middle; background: #fff; border:0; border-radius:0; box-shadow: none; } #gnb #searchform button[type=submit] {display:inline-block;width:72px;height:72px;background:url(./images/bg_gnb-search.png) 50% 50% no-repeat;vertical-align:middle;} #gnb #searchform button[type=submit] em {visibility:hidden; overflow:hidden; width:0; height:0; margin:0; padding:0; font-size:0; line-height:0; text-indent:-9999px;} #gnb #searchform a.toggle-toClose {background:url(./images/bg_gnb-menu-close.png) 50% 50% no-repeat;;} #gnb #searchform a.toggle em {visibility:hidden; overflow:hidden; width:0; height:0; margin:0; padding:0; font-size:0; line-height:0; text-indent:-9999px;} #gnb #searchform .search-form {display:none;position:absolute;top:0;left:0;width:90%;height:100%;background:#fff;padding:15px 0;} #gnb > button {display:none;} #gnb:after {display:block;height:0;content:"";clear:both;} #header .gnb-type-full {} #header .gnb-type-1 .wrap-util .custom-util {display:none;} #header .gnb-type-2 .wrap-util .custom-util {display:block;border-right: 1px solid #f3f3f3;} #header .gnb-type-2 .wrap-util .util {display:none;} #header .gnb-type-2 .wrap-util .sns-util {display:none;} #header .gnb-type-3 .util-container {display:none;} #header .gnb-type-minimal .util-container {display:none;} #header .gnb-type-minimal #searchform {display:none;} #header .gnb-type-minimal #gnb ul.menu {float:right;} #header .gnb-type-minimal #gnb ul.menu > li:last-child {margin-right:0;} .ag-ct #gnb {text-align:center;} .ag-ct #gnb ul li {text-align:left;} .ag-ct #gnb h1.logo {float:initial;position:absolute;left:50%;margin-left:-81px;} .ag-ct #gnb ul.menu {margin-top:92px;position:relative;margin-right:0;} .ag-ct #gnb ul.menu > li:last-child {margin-right:20px;} .ag-ct #gnb ul.menu > li:hover ul.menu-depth-1 {display:block;position:absolute;left:0;} .ag-ct #gnb #searchform {margin-top:66px;} .ag-ct #gnb .inner-wrap {float:none;display:inline-block;margin:0 auto;} .ag-ct #gnb #searchform button[type=submit] {height:50px;width:10%} .ag-ct #gnb #searchform .search-form {height:50px;top:initial;left:initial;bottom:23px;width:70%;background:#fff;padding:0 0;} .ag-ct #gnb #searchform input[type=text] {display:inline-block;width:88%} .ag-rt #gnb h1.logo {float:right;} .ag-rt #gnb .inner-wrap {float:left;} .ag-rt #gnb ul.menu {float:right;margin-left:10px;} .ag-rt #gnb #searchform {float:left;} .ag-rt #gnb #searchform .search-form {display:none;position:absolute;top:0;left:initial;right:0;width:65%;background:#fff;padding:15px 0;text-align:right;} .ag-rt #gnb #searchform button[type=submit] {float:right;} /*------------------- main-page -------------------*/ #mainContainer, #container {display:block;padding-bottom:80px;} #mainContainer:after {display:block;content:"";clear:both;height:0;margin-bottom:60px;} .main-cont {position:relative;} .main-cont:after {display:block;content:"";height:0;clear:both;} .content-area-type-a {} .content-area-type-b .main-touchslider {position:fixed;top:225px;width:100%;margin:0 auto;z-index:0;} /* topchslider */ .touchslider-item .msg {position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;} .touchslider-item .msg .wrap {vertical-align:middle;width:100%;height:100%;display:table;white-space:normal !important;} .touchslider-item .msg .cell {display:table-cell;height:100%;width:100%;vertical-align:middle;white-space:normal !important;} .touchslider-item .msg .cell .title {font-size:3em;display:block;text-align:left;} .touchslider-item .msg .cell .copy {color:#fff;font-size:1.167em;display:block;text-align:left;} .touchslider-item .msg .cell div span {display:inline-block;padding:0 20px;white-space:pre-line;word-break:break-all;} .touchslider-nav {position:absolute;bottom:0px;left:50%;} .touchslider-prev {display:inline-block;position:absolute;top:50%; left:0;} .touchslider-next {display:inline-block;position:absolute;top:50%; right:0;} .main-touchslider {display:block;height:626px !important;background:#333;overflow:hidden;} .main-touchslider .touchslider-item span.img {position:relative;display:inline-block;width: 100%;height: 626px;background-size: cover !important;} #wrap.box-layout .main-touchslider .touchslider-item span.img {width: 1064px !important;margin:0 auto;} .content-area-type-b #wrap.box-layout .main-touchslider {width:1064px;} .main-touchslider .msg {width:768px;top:50px;left:50%;margin-left:-512px;} .touchslider-item .msg .cell {vertical-align:top;} .main-touchslider .msg .cell .title {padding-bottom:23px;font-size:4.417em;line-height:1.2;color:#fff;font-weight:400;max-height:203px;overflow:hidden;} .main-touchslider .msg .cell .copy {font-size:1.167em;color:#fff;line-height:1.33;max-height:70px;overflow:hidden;} .main-touchslider .touchslider-nav {display:none;} .main-touchslider .touchslider-prev, .main-touchslider .nav, .main-touchslider .touchslider-next {height:0;} .main-touchslider-ctrl {position:absolute;left:50%;top:50px;margin-left:256px;width:256px;height:56px;text-align:right;z-index:100;} .content-area-type-b .main-touchslider-ctrl {top:-310px;} .main-touchslider-ctrl .item {display:inline-block;width:56px;height:56px;vertical-align:top;background-color:#000;} .main-touchslider-ctrl .item em {visibility:hidden; overflow:hidden; width:0; height:0; margin:0; padding:0; font-size:0; line-height:0; text-indent:-9999px} .main-touchslider-ctrl .next {background:url(./images/ic_main-touchSlide_next.png) 50% 50% no-repeat #000;} .main-touchslider-ctrl .prev {background:url(./images/ic_main-touchSlide_prev.png) 50% 50% no-repeat #000;} .main-touchslider-ctrl .page {text-align:center;font-size:1.25em;line-height:56px;} .main-touchslider-ctrl .page .curr {color:#fff;padding-right:3px;} .main-touchslider-ctrl .page .tot {padding-left:3px;} /*.box-wrap {position:relative;z-index:100;width:1024px;margin:0 auto;background:transparent;margin-top:-256px;overflow:hidden}*/ .box-wrap {position:relative;z-index:1;width:1024px;margin:0 auto;background:transparent} .box-type {float:left;width:100%;clear:both;font-size:0;} .box-wrap:after,.box-type:after {display:block;content:"";height:0;clear:both;} .box-item {display:inline-block;float:left;font-size:12px;color:#fff;margin:0;padding:0;background:#000;text-align:center;vertical-align:top;overflow:hidden;} .box-wrap .bb {width:50%;} .box-wrap .wb {width:50%;} .box-wrap .hb {width:25%;} .box-wrap .sb {width:25%;} .post-list-masonry .inner-wrap {float:left;width:auto;} .inner-wrap {float:left;width:100%;} .box-wrap .box-inner-wrap {float:left;display:inline-block;width:25%;height:100%;overflow:hidden;} .box-wrap:after, .box-inner-wrap:after {display:block;content:"";height:0;clear:both;} /*type-a*/ .box-type-a .column-idx-1 {width:50%;height:500px;} .box-type-a .column-idx-2 {width:50%;height:250px;} .box-type-a .column-idx-3 {width:25%;height:250px;} .box-type-a .column-idx-4 {width:25%;height:250px;} /*type-b*/ .box-type-b .column-idx-1 {width:25%;height:500px;} .box-type-b .column-idx-2 {width:50%;height:500px;} .box-type-b .column-idx-3 {width:25%;height:250px;} .box-type-b .column-idx-4 {width:25%;height:250px;} /*type-c*/ .box-type-c .box-inner-wrap {width:25%;} .box-type-c .column-idx-1 {width:100%;height:250px;} .box-type-c .column-idx-2 {width:100%;height:250px;} .box-type-c .column-idx-3 {width:50%;height:500px;} .box-type-c .column-idx-4 {width:100%;height:250px;} .box-type-c .column-idx-5 {width:100%;height:250px;} /*type-d*/ .box-type-d .column-idx-1 {width:33.3333333333%;height:250px;} .box-type-d .column-idx-2 {width:66.6666666666%;height:250px;} .box-type-d .column-idx-3 {width:66.6666666666%;height:250px;} .box-type-d .column-idx-4 {width:33.3333333333%;height:250px;} .box-type-d .column-idx-5 {width:25%;height:500px;} .box-type-d .box-inner-wrap-idx-1 {width:75%;overflow:hidden;} /*type-e*/ .box-type-e .column-idx-1 {width:25%;height:500px;} .box-type-e .column-idx-2 {width:33.3333333333%;height:250px;} .box-type-e .column-idx-3 {width:66.6666666666%;height:250px;} .box-type-e .column-idx-4 {width:66.6666666666%;height:250px;} .box-type-e .column-idx-5 {width:33.3333333333%;height:250px;} .box-type-e .box-inner-wrap-idx-1 {width:75%;overflow:hidden;} @media screen and ( min-width: 1025px ) { .box-type-d .column-idx-1 {width:256px;} .box-type-d .column-idx-2 {width:512px;} .box-type-d .column-idx-3 {width:512px;} .box-type-d .column-idx-4 {width:256px;} .box-type-d .box-inner-wrap-idx-1 {width:768px;} .box-type-e .column-idx-1 {width:256px;} .box-type-e .column-idx-2 {width:256px;} .box-type-e .column-idx-3 {width:512px;} .box-type-e .column-idx-4 {width:512px;} .box-type-e .column-idx-5 {width:256px;} .box-type-e .box-inner-wrap-idx-1 {width:768px;} } /*type-f*/ .box-type-f .column-idx-1 {width:100%;height:250px;} .box-type-f .column-idx-2 {width:50%;height:250px;} .box-type-f .column-idx-3 {width:50%;height:250px;} .box-type-f .column-idx-4 {width:25%;height:500px;} .box-type-f .column-idx-5 {width:100%;height:250px;} .box-type-f .column-idx-6 {width:100%;height:250px;} .box-type-f .box-inner-wrap-idx-1 {width:50%;} .box-type-f .box-inner-wrap-idx-2 {width:25%;} /*type-g*/ .box-type-g .column-idx-1 {width:50%;height:250px;} .box-type-g .column-idx-2 {width:25%;height:250px;} .box-type-g .column-idx-3 {width:25%;height:250px;} /*type-h*/ .box-type-h .column-idx-1 {width:25%;height:250px;} .box-type-h .column-idx-2 {width:25%;height:250px;} .box-type-h .column-idx-3 {width:50%;height:250px;} /*type-i*/ .box-type-i .box-item {width:25%;height:250px;} /*------------------- sub-page -------------------*/ #container {color:#000;} #container .cont-wrap {width:1100px;margin:0 auto;overflow:hidden;} /*좌측메뉴 + 컨텐츠 공간 가로값 1100px에 맞춤 (기존 width: 1257px)*/ #wrap.box-layout #container .cont-wrap {padding:0px 20px;width:100%;} #container .cont-wrap:after {display:block;clear:both;height:0;content:' ';} #container:after {display:block;clear:both;height:0;content:' ';} #container .bbsecontents {width:917px;float:right;padding:30px 0 0 30px;} /*좌측메뉴 + 컨텐츠 공간 가로값 1100px에 맞춤=>1030px에서 width: 917px */ #container #aside {width:183px;float:left;margin-top: 30px;} /*좌측메뉴 + 컨텐츠 공간 가로값 1100px에 맞춤=>226px에서 width: 183px */ #container .postview-cont-wrap #aside {padding-top:30px;} #aside .widget-ct .widget {margin-bottom:30px;} #aside .widget-ct .widget * {color:#000 !important;border-color:#999 !important;} #container.aside-left #aside {float:left;} #container.aside-left .bbsecontents {float:right;} #container.aside-right #aside {float:right;} #container.aside-right .bbsecontents {float:left;padding:30px 30px 0 0;} #container.aside-hidden #aside {display:none;} #container.aside-hidden .bbsecontents {width:100%;padding:30px 0 0 0;} #container .topImgArea {position:relative;height:150px;background-position:50% 50%;background-size:cover;background-repeat:no-repeat;} #container .topImgArea > div {display:table;width:1024px;margin:0 auto;text-align:center;color:inherit;} #container .topImgArea > div div.copy {display:table-cell;width:100%;height:150px;text-align:left;vertical-align:middle;} #container .topImgArea > div div.copy a {padding-left:30px;display:block;color:inherit;letter-spacing:1px;line-height:1.33;white-space:pre-line;} #container .topImgArea > div .mainCopy {font-size:2.25em;margin-bottom:9px;} #container .topImgArea > div .subCopy {font-size:1em;} #container .subMenuTitle {display:none;padding:15px;background-position:50% 50%;background-size:cover;background-repeat:no-repeat;} #container .pageview-cont-wrap .subMenuTitle {display:block;} #container .subMenuTitle div {line-height:1.1;font-size:2em;} /*기존 마진값 제거 margin-bottom:7px; */ #container .subMenuTitle p {height:34px;font-size:0.917em;line-height:1.54;overflow:hidden;} #container .subMenu {display:none;border-right:1px solid #bbb;border-left:1px solid #bbb;margin-bottom:30px;} #container .pageview-cont-wrap .subMenu {display:block;} #container .subMenu ul li {border-bottom:1px solid #bbb} #container .subMenu > ul > li > ul > li {border-top:1px solid #bbb;background:#f5f5f5;border-bottom:0} #container .subMenu > ul > li.active > a {color:#000;font-weight: 600;} /* customerColorSet */ #container .subMenu ul li a {display:inline-block;width:155px;margin:7px 0 7px 20px;font-size:1.4em;vertical-align:middle;color:#797878;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:2em;} /* 마진 변경 margin:15px 0 15px 20px => 7px 0 7px 20px;*/ #container .subMenu ul li button {display:inline-block;vertical-align:middle;width:25px;height:25px;} #container .subMenu ul li button.open-child {background:url(./images/bg_submenu_open.png) 50% 50% no-repeat;} #container .subMenu ul li.active button.open-child {background:url(./images/bg_submenu_close.png) 50% 50% no-repeat;} #container .subMenu ul.depth2 {display:none;} #container .subMenu ul.depth1 li.hasChild-open ul.depth2 {display:block;} #container .subMenu ul.depth1 li.hasChild-open ul.depth2 li a {margin-left:40px;} #container .subMenu ul.depth2 li {border-top:1px solid #bbb;background:#f5f5f5;} #container .subMenu ul.depth2 li:last-child {border:0;} #container .subMenu ul li button.open-child {background:url(images/bg_submenu_open.png) 50% 50% no-repeat;} #container .subMenu ul li.active button.open-child {background:url(images/bg_submenu_close.png) 50% 50% no-repeat;} /* #container .bbsecontents .meta-box {padding-bottom:20px;border-bottom:1px solid #bcbcbc;} #container .bbsecontents .meta-box ==제거 */ #container .bbsecontents .meta-box:after {display:block;clear:both;height:0;content:' ';} #container .bbsecontents .page-title{float:left;position:relative;width:60%;overflow:hidden;} #container .bbsecontents .page-title:after {display:block;clear:both;height:0;content:' ';} #container .bbsecontents .page-title .tit {font-size:3em;line-height:35px;letter-spacing:-1px;color:#000;max-height:76px;-o-text-overflow: ellipsis;text-overflow: ellipsis;text-overflow: ellipsis;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;display: -webkit-box;word-wrap: break-word;} /* #container .postview-cont-wrap .bbsecontents .meta-box {margin-bottom:60px;} #container .postview-cont-wrap .bbsecontents .meta-box .page-title {float:none;display:block;width:100%;margin-bottom:20px;} */ #container .bbsecontents .meta-box {margin-bottom:20px;} #container .bbsecontents .meta-box .page-title {float:none;display:block;width:100%;margin-bottom:6px;} #container .postview-cont-wrap .bbsecontents .meta-box .entry-meta {display:block;width:60%;margin-top:0;} #container .bbsecontents .location {position:relative;height:30px;line-height:30px;text-align:left;white-space:nowrap;margin-bottom:16px;} #container .bbsecontents .location > div {width:auto;text-align:left;color:#656565;} #container .bbsecontents .location > div a, #container .bbsecontents .location > div span {display:inline-block;color:#bbb;font-size:0.917em;letter-spacing:1px;vertical-align:middle;} #container .bbsecontents .location > div span.sep {font-size:1.183em;background:url(./images/bg_location_sep.gif) 50% 50% no-repeat;width:10px;height:10px;} .content-tools {font-size:0;padding:27px 0;width:100%;border-top:1px solid #dbdbdb} .content-tools:after {display:block;content:"";clear:both;height:0;} .tag-label {display:inline-block;font-size:12px;vertical-align:middle;float:left;margin-top:7px;width:80%;min-height:22px;overflow:hidden} .tag-label:after {display:block;clear:both;height:0;content:"";} .tag-label dd{width:80%} .tag-label dd,.tag-label dt {float:left;display:inline-block;vertical-align:middle;font-size:1.167em;color:#686868;line-height:1.33;font-weight:700;} .tag-label dt {margin-right:10px;} .tag-label dt > img {display:inline-block;margin-right:6px;display:inline-block;} .tag-label dd a {color:#686868;} .tag-label dd a:hover {border-bottom:1px solid #000;} .tag-label dd span.dot {display:inline-block;vertical-align:middle;font-size:1.167em;color:#686868;line-height:1.33;font-weight:700;} .tag-label dd a:last-child:after {display:none;} .sns-tool {display:inline-block;vertical-align:middle;font-size:0;font-size:12px;overflow:hidden;float:right} .sns-tool a {display:inline-block;width:34px;height:34px;background-size:34px 34px;margin-left:12px;background-repeat:no-repeat;background-position:50% 50%;} .sns-tool a.googlePlus {background-image:url(./images/ic_sns_ggPlus.png)} .sns-tool a.googlePlus:hover {background-image:url(./images/ic_sns_ggPlus_ovr.png)} .sns-tool a.facebook {background-image:url(./images/ic_sns_facebook.png)} .sns-tool a.facebook:hover {background-image:url(./images/ic_sns_facebook_ovr.png)} .sns-tool a.twitter {background-image:url(./images/ic_sns_twitter.png)} .sns-tool a.twitter:hover {background-image:url(./images/ic_sns_twitter_ovr.png)} .sns-tool a.hms {background-image:url(./images/ic_sns_hms.png)} .sns-tool a.hms:hover {background-image:url(./images/ic_sns_hms_ovr.png)} .sns-tool a.mobile {display:none} .sns-tool a.kakaoTalk {background-image:url(./images/ic_sns_kakaotalk.png)} .sns-tool a.kakaoTalk:hover {background-image:url(./images/ic_sns_kakaotalk_ovr.png)} .sns-tool a.kakaoStory {background-image:url(./images/ic_sns_kakaostory.png)} .sns-tool a.kakaoStory:hover {background-image:url(./images/ic_sns_kakaostory_ovr.png)} .sns-tool:after {display:block;clear:both;height:0;content:"";} .content-meta {padding:30px;border:1px solid #dbdbdb;background-color: #fafafa;margin:-30px 0 60px;} .content-meta .icon {position:absolute;top:0;left:0px;width:36px;height:36px; background-position:50% 50%; background-size:36px 36px; background-repeat:no-repeat; } .content-meta .icon em {visibility:hidden; overflow:hidden; width:0; height:0; margin:0; padding:0; font-size:0; line-height:0; text-indent:-9999px} .content-meta-type .text, .content-meta-type .origin, .content-meta-type .link {padding-left:60px;} .content-meta-type .text {position:relative;font-weight:700;font-size:1.75em;max-height:164px;min-height:82px;line-height:1.333;white-space:pre-line;overflow:hidden;} .content-meta-type .origin {text-align:right;font-size:1.333em;font-weight:700;} .content-meta-type .origin a {display:inline-block;width:100%;word-break:break-all;} .content-meta-type .origin a:hover {border-bottom:1px solid #000;} .content-meta-type .link {text-align:left;margin-top:15px;font-size:1.083em;font-weight:700;} .content-meta-type .link a {display:inline-block;word-break:break-all;} .content-meta-type .link a:hover {border-bottom:1px solid #000;} .entry-meta {display:block;margin-top:6px;} .entry-meta span {line-height:1.66;} .entry-meta > span:after {content:'|';width:22px;text-align:center;display:inline-block;color:#dcdcdc;} .entry-meta > span:last-child:after {display:none;} .entry-meta > span a {font-size:0.917em;color:#bbb;} .entry-meta > span a:hover, .entry-meta > span a:focus, .entry-meta > span a:active {color:#000 !important;border-bottom:1px solid #000;} .entry-meta > span.reply {padding-left:31px;height:16px;background:url(./images/bg_meta_comment.png) 0 50% no-repeat;cursor:pointer;} /* comment */ .comments-area {color:#686868;border-top:1px solid #000;} .comments-area .comments-title {padding:30px 0;font-size:1.583em;font-weight:700;} .comments-area .comments-title > span {padding-left:9px;} .comments-area .comments-title > span {color:#2b8aff;}/* customerColorSet */ .comments-area .comment-list {} .comments-area .comment-list > ol:last-child {margin-bottom:10px;} .comments-area .comment-list > ol > li {padding:0 0 10px;} .comment-wrap {position:relative;padding:30px;background:#fff;border:1px solid #dbdbdb;} .comment-wrap:after {display:block;height:0;content:"";clear:both;} .commentmetadata .fn {font-size:1.167em;font-weight:800;padding-right:20px;letter-spacing:1px;color:#000;} .commentmetadata .comment-date {font-size:1.167em;color:#969696;} .comment-content {line-height:1.85;margin-top:27px;font-size:1.167em;white-space:pre-line;} .children {position:relative;margin-top:10px;margin-left:30px;} .children .design-element {position:absolute;top:-16px;left:37px;display:none;width:16px;height:16px;border:8px solid transparent;border-bottom:8px solid #F7F7F7;} .children ol li {margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #E0E0E0;} .children ol li:last-child {margin-bottom:0;padding-bottom:0;border-bottom:none;} .buttonBox {line-height:1;margin-top:5px;} .buttonBox a {display:inline-block;position:absolute;top:30px;right:30px;font-size:1.083em;letter-spacing:1px;text-align:center;} .buttonBox a {color:#2b8aff;}/* customerColorSet */ .comment-respond {padding:30px 0;} .comment-reply-title {margin:0 0 10px 0;} .comment-reply-title span.wrap {padding-right:20px;font-size:1.083em;font-weight:700;} .comment-reply-title span.comment-notes {font-size:0.917em;;font-weight:400;color:#b3b3b3;letter-spacing:1px;} .comment-form .writer-information-box {display:table;width:100%;margin-top:32px;} .comment-form .writer-information-box {display:table;width:100%;margin-top:20px;} .comment-form .writer-information-box .writer_info {float:left;width:50%;padding-right:10px;height:auto;position:relative;} .comment-form .writer-information-box .writer_info + p {float:right;width:50%;padding-left:10px;padding-right:0;} .comment-form .writer-information-box .writer_info input[type=text] {width:100%;padding:0 20px;background-color:#fafafa;height:48px;line-height:48px;color:#696F74;font-size:1.083em;border:1px solid #dbdbdb;border-radius:0;box-shadow:none;} .comment-form .writer-information-box .writer_info input[type=text] + label {position:absolute;top:9px;left:10px;color:#BCBBBB;display:none;cursor:text;} .comment-form .writer-information-box .writer_info input[type=text]:focus + label {display:none;} .comment-form #comment_msg { display: none; text-align: center; margin-top: 35px; font-size: 11px; width: 100%; color: #F55555; padding: 10px; background: #FBFBFB; border: 1px solid #dadde1 !important; border-radius: 3px; box-shadow: inset 1px 3px 4px -3px #e9e9e9; resize: none; } .comment-form-comment {position:relative;margin-top:20px;} .comment-form-comment label {display:none} .comment-form-comment label.private_ok {display:inline-block;font-size:0.917em;;font-weight:400;color:#b3b3b3;} .comment-form-comment label.private_ok + span {padding-left:5px;font-weight:800;font-size:1.083em;text-decoration:none;} .comment-form-comment label.private_ok + span a {display:none;color:#2b8aff;border-bottom:1px solid #000} /* customerColorSet */ .comment-form-comment label.private_ok + span a:hover {color:#686868;} .comment-form-comment textarea {width:100%;height:130px;padding:20px;background-color:#fafafa;font-size:1.083em;border:1px solid #dbdbdb;border-radius:0;box-shadow:none;color:#696F74} .comment-form-comment #private {width:100%;color:#949494;padding:10px; background: #FBFBFB; border:1px solid #dadde1 !important;box-shadow: inset 1px 3px 4px -3px #e9e9e9; resize:none} .comment-form-comment #private_ok {width:20px;height:20px;background:#dcdcdc !important;} .comment-privacy {float:left;margin-top:5px;} .comment-list .comment-reply-title {padding-top:30px;margin-top:30px;border-top:1px solid #dbdbdb;} .form-submit {height:67px;/*margin:-10px 0 110px 0;*/margin:20px 0 0 0;} .form-submit input[type="submit"] {float:right;padding:12px 36px;text-align:center;font-size:1.417em;font-weight:700;color:#fff;cursor:pointer;background-color:#000;border:0;} .inner-comment-privacy {float:left;margin-top:30px;} .inner-form-submit {position:static;float:right;margin-top:20px;} .inner-form-submit input[type="submit"] {padding:12px 36px;text-align:center;font-size:1.417em;font-weight:700;color:#fff;cursor:pointer;background-color:#000;border:0;} @media screen and (-webkit-min-device-pixel-ratio:0) { /* Safari only override */ ::i-block-chrome, .comment-form .writer-information-box .writer_info input[type=text] {padding:17px;line-height:initial;} } /*------------------- post-list-type ----------------*/ .post-list {} .post-list:after {display:block;content:"";clear:both;height:0;} .post-list li {position:relative;padding:30px 0;border-bottom:1px solid #bbb;font-size:0;} .post-list li a {color:#000;} .post-list li:first-child {border-top:0;} .post-list li:after {display:block;clear:both;height:0;content:' ';} .post-list li .media {position:relative;display:inline-block;width:50%;height:100%;font-size:12px;vertical-align:top;} .aside-hidden .post-list li .media {width:37.6953125%} .post-list li .media-type-img a.thumb {display:inline-block;width:100%;height:100%;background-position:50% 50%;background-repeat:no-repeat;background-size:cover;background-color:#bbb;} .post-list li .meta {position:relative;display:inline-block;width:100%;height:100%;font-size:12px;vertical-align:top;} .post-list li .media-type-img + .meta {width:50%;padding-left:20px;} .aside-hidden .post-list li .media-type-img + .meta {width:62.3046875%} .post-list li .media a.thumb {display:inline-block;position:relative;float:left;width:100%;} .post-list li .media a.thumb span.bg {position:absolute;top:0;left:0;display:inline-block;width:100%;height:100%; -webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; -ms-transition: all 0.1s ease-out; transition: all 0.1s ease-out; opacity:.0; } .post-list li .media a.hover span.bg { -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; opacity:0.8; } .post-list li .media a.thumb span.bg {background:url(./images/ic_normallist_ovr.png) 50% 50% no-repeat;} .post-list li .media a.thumb span.bg {background-color:#000;} .post-list li .meta .entry-title {height: 100%;font-size:1.917em;line-height:1.34em} .post-list li .meta .entry-title a{display: block;overflow: hidden;} .post-list li .meta .entry-title a span{display:block;width:100%;max-height:54px;line-height:1.2em;-o-text-overflow: ellipsis;text-overflow: ellipsis;text-overflow: ellipsis;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;display: -webkit-box;word-wrap: break-word;font-weight:bold;} .post-list li .meta .text {margin-top:15px;margin-bottom:18px;font-size:1.25em;max-height:100px;line-height:1.33;overflow:hidden;color:inherit;width: 100%;-o-text-overflow: ellipsis;text-overflow: ellipsis;text-overflow: ellipsis;overflow: hidden;-webkit-line-clamp: 4;-webkit-box-orient: vertical;display: -webkit-box;word-wrap: break-word;} .post-list li .meta .more {background:#000;display:inline-block;} .post-list li .meta .more a {display:inline-block;padding:8px 20px;font-weight:700;font-size:0.917em;color:#fff;} .post-list li .meta .entry-meta > span a:hover, .post-list li .meta .entry-title a:hover, .post-list li .meta .text a:hover {color:#000;} .post-list li .meta .entry-meta {} .post-list li .meta .entry-meta > span {color:#bbb;} .post-list li .meta .entry-meta > span a {font-size:0.917em;color:#bbb;} .post-list li .meta .entry-meta > span:after {color:#dcdcdc;} .post-list li .meta .entry-meta > span a:hover {text-decoration:none !important;color:#bbb !important; border-bottom:1px solid #bbb;} .post-list li .meta .icon {position:absolute;top:0;left:20px;width:50px;height:50px; background-position:50% 50%; background-size:36px 36px; background-repeat:no-repeat; } .post-list li .meta .icon em {visibility:hidden; overflow:hidden; width:0; height:0; margin:0; padding:0; font-size:0; line-height:0; text-indent:-9999px} .post-list li .meta-type strong {display:none;} .post-list li .meta-type .entry-meta, .post-list li .meta-type .text, .post-list li .meta-type .origin, .post-list li .meta-type .link {padding-left:90px;} .post-list li .meta-type .entry-meta {margin-top:0;} .post-list li .meta-type .text {position:relative;font-weight:700;font-size:1.583em} .post-list li .meta-type .text a div{width: 100%;max-height: 100px;-o-text-overflow: ellipsis;text-overflow: ellipsis;text-overflow: ellipsis;overflow: hidden;-webkit-line-clamp: 4;-webkit-box-orient: vertical;display: -webkit-box;word-wrap: break-word;} .post-list li .meta-type .more {display:none;} .post-list li .meta-type .origin {text-align:right;font-size:1.333em;font-weight:700;} .post-list li .meta-type .origin a {display:inline-block;width:100%;word-break:break-all;} .post-list li .meta-type .origin a:hover {border-bottom:1px solid #000;} .post-list li .meta-type .link {text-align:left;font-size:1.083em;font-weight:700;} .post-list li .meta-type .link a {display:inline-block;word-break:break-all;} .post-list li .meta-type .link a:hover {border-bottom:1px solid #000;} /*.meta-type-quote .icon {background-image:url(./images/ic_list-type_quote.png)} .meta-type-info .icon {background-image:url(./images/ic_list-type_info.png)} .meta-type-link .icon {background-image:url(./images/ic_list-type_link.png)}*/ .meta-type .text a.icon:before {font-family:dashicons;font-size:50px;font-weight:normal;color:#CACACA; speak: none; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;cursor:pointer} .post-list-masonry .meta-type .text a.icon:before {font-family:dashicons;font-size:30px;font-weight:normal;color:#CACACA; speak: none; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;cursor:pointer} .meta-type.meta-type-standard .text a.icon:before {content: '\f109';} .meta-type.meta-type-aside .text a.icon:before {content: '\f123';} .meta-type.meta-type-image .text a.icon:before {content: '\f128';} .meta-type.meta-type-video .text a.icon:before {content: '\f126';} .meta-type.meta-type-audio .text a.icon:before {content: '\f127';} .meta-type.meta-type-quote .text a.icon:before {content: '\f122';} .meta-type.meta-type-link .text a.icon:before {content: '\f103';} .meta-type.meta-type-gallery .text a.icon:before {content: '\f161';} .post-list .meta .text .viewLink, .post-list .meta .text .viewLink:hover {color:#fff} .post-list-normal .meta .text .viewLink, .post-list-normal .meta .text .viewLink:hover {color:#000} .post-list-thumb li:first-child {border:1px solid #dbdbdb;} .post-list-thumb li {padding:0;margin:30px 0;border:1px solid #dbdbdb;} .post-list-thumb li .media, .aside-hidden .post-list-thumb li .media, .aside-hidden .post-list-thumb li .media, .aside-hidden .post-list-thumb li .media {width:100%;} .post-list-thumb li .meta, .post-list-thumb li .media + .meta, .aside-hidden .post-list-thumb li .meta, .aside-hidden .post-list-thumb li .media + .meta {width:100%;} .post-list-thumb li .meta {padding:30px !important;} .post-list-thumb li .meta strong {height:100%;font-size:2.33em;} .post-list-thumb li .meta strong a {display: block;overflow: hidden;} .post-list-thumb li .meta strong a div{width: 100%;max-height: 76px;-o-text-overflow: ellipsis;text-overflow: ellipsis;text-overflow: ellipsis;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;display: -webkit-box;word-wrap: break-word;} .post-list-thumb li .meta .text {margin-top:10px;} .post-list-thumb li .meta .icon {left:0;} .post-list-thumb li .meta-type .entry-meta, .post-list-thumb li .meta-type .text, .post-list-thumb li .meta-type .origin, .post-list-thumb li .meta-type .link {padding-left:70px;margin-left:-10px;} .post-list-masonry {text-align:center;margin:0 0 0 -30px;padding-top:10px;} .post-list-masonry:after {display:block;clear:both;height:0;content:' ';} .post-list-masonry-col3 li {width:33.3333333%;} .post-list-masonry-col2 li {width:50%;} .post-list-masonry .post-list-masonry-col3 {position:relative;width:100%;height:auto;} .post-list-masonry .post-list-masonry-col3 li {display:block;position:absolute;opacity:0} .post-list-masonry .inner-wrap {float:none;margin:0 0 30px 30px;background:#fff;border:1px solid #dbdbdb} .post-list-masonry li {display:inline-block;padding:0;margin:0;border:0;text-align:left;} .post-list-masonry li .media, .aside-hidden .post-list-masonry li .media, .aside-hidden .post-list-masonry li .media, .aside-hidden .post-list-masonry li .media {width:100%;height:auto;} .post-list-masonry li .meta, .post-list-masonry li .media + .meta, .aside-hidden .post-list-masonry li .meta, .aside-hidden .post-list-masonry li .media + .meta {width:100%;} .post-list-masonry li .meta {padding:22px !important;} .post-list-masonry li .meta strong {height:100%;font-size:2.33em;} .post-list-masonry li .meta strong a{display:block;overflow:hidden;} .post-list-masonry li .meta strong a div {width:100%;max-height:73px;-o-text-overflow:ellipsis;text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;word-wrap:break-word} .post-list-masonry li .meta .text {margin-top:18px;max-height:6.65em;-o-text-overflow:ellipsis;text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;-webkit-line-clamp:5;-webkit-box-orient:vertical;display:-webkit-box;word-wrap:break-word;} .post-list-masonry li .meta-type .text {max-height:6.65em;height:auto;} .post-list-masonry li .meta .icon {left:0;} .post-list-masonry li .meta-type .entry-meta, .post-list-masonry li .meta-type .text, .post-list-masonry li .meta-type .origin, .post-list-masonry li .meta-type .link {padding-left:42px;margin-left:-10px;} div.masonry-more-view {clear:both;text-align:center;padding:50px 0;} div.masonry-more-view a {display:inline-block;width:56px;height:56px;background:url(./images/btn_getMasonryItem.png) 50% 50% no-repeat;background-size:56px 56px;} div.masonry-more-view a em {visibility:hidden; overflow:hidden; width:0; height:0; margin:0; padding:0; font-size:0; line-height:0; text-indent:-9999px;} div.masonry-more-view:after {display:block;clear:both;height:0;content:' ';} /*------------------- page navigation ----------------*/ .paging-navigation {clear:both;margin:50px 0;width:100%;} .page-navigation-toggle, .pageCount {display:none} .paging-navigation:after {display:block;content:"";clear:both;} .paging-navigation > span {height:40px;line-height:40px;} .paging-navigation .pagination.loop-pagination {display:block;width:auto;height:40px;line-height:40px;text-align:left;} .paging-navigation .pagination.loop-pagination .page-numbers {display:inline-block;margin:0 2px;padding:0;width:40px;height:40px;font-size:1em;line-height:40px;text-align:center;font-family:"Lucida Console", Monaco, monospace;border-radius:0;background:transparent} .paging-navigation .pagination.loop-pagination .page-numbers {border:1px solid #dcdcdc;color:#686868;} .paging-navigation .pagination.loop-pagination .prev {background:url(./images/btn_paging_prev.png) 50% 50% no-repeat;} .paging-navigation .pagination.loop-pagination .next {background:url(./images/btn_paging_next.png) 50% 50% no-repeat;} .paging-navigation .pagination.loop-pagination .firstPage {background:url(./images/btn_paging_first.png) 50% 50% no-repeat;} .paging-navigation .pagination.loop-pagination .lastPage {background:url(./images/btn_paging_last.png) 50% 50% no-repeat;} .paging-navigation .pagination.loop-pagination .current {background:#dcdcdc;} /*------------------- footer -------------------*/ #footer {position:relative;clear:both;color:#969696;} .foot-area {width:1024px;margin:0 auto;padding:0;display: none;} .foot-info { font-size:0;} .foot-info > div.design-line {display:none;} .foot-info:after {display:block;content:"";height:0;clear:both;} .foot-menu {float:left;padding:20px 0;} .foot-menu li {float:left;margin-right:20px;} .foot-menu li a {font-size:1.083em;} .foot-menu:after {display:block;content:"";height:0;clear:both;} #footer .footer-widget-devider {clear:both;width:100%;padding:30px;} #footer .footer-widget-devider span {display:block;height:1px;background-color:#686868;} .familysite {float:right;position:relative;margin-top:12px;outline:1px solid #616161;} .familysite dt {position:relative;padding:10px 80px 10px 10px;font-size:1em;color:#969696;cursor:pointer;} .familysite dt span.arrow {position:absolute;top:50%;right:8px;margin-top:-5px;width:14px;height:10px;background:url(./images/ic_familySiteBtn.png) no-repeat;background-position:0 0;} .familysite dt span.arrow em {visibility:hidden; overflow:hidden; width:0; height:0; margin:0; padding:0; font-size:0; line-height:0; text-indent:-9999px} .familysite dt.on span.arrow {background-position:-14px 0;} .familysite dd {display:none;position:absolute;top:-150px;right:0;width:100%;padding:5px 0;height:150px;background:#4c4c4c;color:#666;overflow-y: scroll;outline:1px solid #616161;} .familysite dd ul li {padding:8px 9px;} .familysite dd ul li a {display:inline-block;font-size:1em;width:100%;height:100%;} .familysite dd ul li:hover {background:#eee;} .familysite:after {display:block;content:"";height:0;clear:both;} .company-info {width:100%;margin:0 auto;padding:0;background:#4c4c4c;} .company-info .inner-wrap-1 {width:1024px;margin:0 auto;} .company-info .inner-wrap-2 {clear:both;width:1024px;margin:0 auto;border-top:1px solid #616161;padding:30px 0;} .company-info .inner-wrap-3 {clear:both;width:100%;background:#3e3d3d;} .company-info .inner-wrap-3 div.inner {width:1024px;margin:0 auto;} .company-info h5 {float:left;margin-right:50px;} .company-info address {float:left;font-size:0.917em;line-height:17px;width:700px;min-height:68px;} .company-info .marks {float:right;} .company-info .marks li {float:left;margin-right:16px;} .company-info .marks li img {max-width:100px;} .company-info .marks li:last-child {margin-right:0;} .company-info .inner-wrap-2:after {display:block;content:"";height:0;clear:both;} .company-info .sns-link {display:inline-block;float:right;height:32px;margin-top:-12px;vertical-align: middle;overflow:hidden;clear: both;} .company-info .sns-link li {display:table-cell;} .company-info .sns-link li a {display:block;margin-left:20px;overflow:hidden;width:32px;height:32px;background: url(./images/ic_sns.png) 0 0 no-repeat;background-size:108px 35px;text-indent:-1000px;} .company-info .sns-link li.gg a {background-position:-72px 0;} .company-info .sns-link li.fc a {background-position:-37px 0;} .company-info .sns-link li.tw a {background-position:0 0;} .company-info span.clear {display:block;clear:both;} .company-info .copyRight {display:inline-block;font-size:0.917em;vertical-align: middle;} .company-info .inner-wrap-3 {position:relative;padding:15px 0;} .company-info:after {display:block;content:"";height:0;clear:both;} /*------------------- widget -------------------*/ .widget-ct {display:inline-block;width:100%;height:100%;} .widget-ct .widget {position: relative;display:inline-block;height:100%;font-size:12px;float:left;min-height:250px;color:#000;vertical-align:top;margin:50px 0; background-repeat:no-repeat; background-position:50% 50%; background-size:cover; overflow:hidden; width:100%; } #aside .widget-ct {position:relative;margin-top: 30px;} #aside .widget-ct .aside-widget-ct-devider {position:absolute;bottom:0;display:none;padding:0 30px;} #aside .widget-ct .aside-widget-devider {position:absolute;left:0;bottom:0;display:none;padding:0 30px;} #aside .widget-ct .aside-widget-devider span, #aside .widget-ct .aside-widget-ct-devider span {display:block;width:100%;height:1px;background-color:#bbb;} #aside .widget-ct .widget {width:100%;margin:0;min-height:initial;position:relative;} .box-wrap .widget-ct .widget {min-height:initial;margin:0;} .widget-ct:after {display:block;content:"";height:0;clear:both;} #footer .footer-widget-devider {display:none;} .widget-cnt1 .widget {width:100%;} .widget-cnt2 .widget {width:50%;padding:0px 30px;} .widget-cnt3 .widget {width:33.333333333%;padding:0px 30px;} .widget-cnt4 .widget {width:25%;padding:0px 30px;} .widget-ct .tit {font-size:1.5em;padding-bottom:20px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .widget-gallery-init .thumb {display:inline-block;width:100%; background-color:#ccc; background-repeat:no-repeat; background-size:cover; background-position:50% 50%; } .widget-ct .widget ul {} .widget-ct .widget ul li {border-top: 1px solid #bbb;text-align:left;} .widget-ct .widget ul li a {display:inline-block;width:100%;height:100%;text-align:left;padding:16px 0;color:#000;font-size:1.083em;} .widget-ct .widget ul.children {margin-top:0;} .widget-ct .widget ul.children {margin-left:30px;} .widget-ct .widget ul.children li:last-child {border:0;} .box-item .widget-ct {margin:0;} .box-item .widget-ct .widget {width:100%;} .box-item .widget-ct .widget ul {width:88.28125%;} .box-item .widget-ct .widget ul li {position:relative;width:100%;overflow:hidden;} .box-item .widget-ct .widget ul li a {display:inline-block;width:100%;} .box-item .widget-ct .widget ul li a span {display:inline-block;max-width:420px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;word-break:break-all;} /* widget-article */ .widget-ct .widget-article ul li a {font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .widget-ct .widget-article ul li a span {font-size:1.083em;line-height: 1.3;} /* widget-text-link */ .widget-ct .widget-text-link .tit {border-bottom:1px solid #bbb;margin-bottom:6px;} .widget-ct .widget-text-link ul li {border:0;} .widget-ct .widget-text-link ul li a {font-size:12px;padding:6px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .widget-ct .widget-text-link ul li a span {font-size:1.083em;line-height: 1.3;} .widget-text-link-opt-notitle .tit {display:none;} /* widget-text */ .widget-text .tit {border:0;} .widget-text p {border-top:1px solid #bbb;padding-top:12px;line-height:1.53;font-size:1.083em;} .widget-text-opt-preline p {white-space: pre-line;} .widget-text-opt-image .tit img {display:inline-block;max-height:68px;} .widget-text-opt-noimage {} /* widget-search */ .widget-search .tit {border:0;padding-bottom:10px !important;} .widget-search button {padding:10px 20px;border: 1px solid #bbb;} .widget-search em {color:#fff;} /* widget-latest */ .widget-ct .widget-latest ul li {} .widget-ct .widget-latest ul li a .thumb + div {float:left;width:61.22448979591837%;} .widget-latest .thumb {float:left;margin-right:8.16326530612245%;width:30.61224489795918%;vertical-align:top;} .widget-latest .subj {display:block;margin-bottom:14px;vertical-align:top;line-height:1.3;height:32px;overflow:hidden;} .widget-latest .date {float:left;display:inline-block;font-size:0.833em;} .widget-latest .reply {float:right;display:inline-block;font-size:0.833em;} /* widget-latest-thumb */ .widget-latest-thumb ul {font-size:0;} .widget-latest-thumb ul li {display:inline-block;border:none !important;margin-top:4.08163265306122%;} .widget-latest-thumb ul li a {padding:0 !important;} .widget-latest-thumb .col3 {margin-left:-4.08163265306122%;} .widget-latest-thumb .col3 li {width:33.3333333%;padding-left:4.08163265306122%;} .widget-latest-thumb .col4 {margin-left:-4.08163265306122%;} .widget-latest-thumb .col4 li {width:25%;padding-left:4.08163265306122%;} /* widget-category */ .widget-ct .widget-category .tit {border-bottom:1px solid #bbb;} .widget-ct .widget-category ul li {border-top:0;} .widget-ct .widget-category > ul {padding-top:6px;} .widget-ct .widget-category ul li a {padding:6px 0;} .widget-category span.cnt {display:none;} .widget-category-opt-cnt span.cnt {display:inline-block;padding-left:3px;} .widget-category-opt-nodepth .children {margin-left:0 !important;} /* widget-tag-box */ .widget-tag-box .tag-cloud {} .widget-tag-box .tag-cloud a {display:inline-block;font-weight:700 !important; font-size:0.75em !important;border:1px solid #E3E3E2;padding: 8px;margin:0 6px 10px 0;vertical-align:top;border:1px solid #bbb;color:#000;} .widget-tag-box .tag-cloud a:hover {background-color:#F2F2F1} .widget-tag-box .tag-cloud a.rand1 {font-size:14px; text-shadow:1px 1px #BFBFBE; } .widget-tag-box .tag-cloud a.rand1 {color:#000;} /* widget-image-banner */ .widget-ct .widget-image-banner ul li {border:0 !important;padding-right:0 !important;} .widget-ct .widget-image-banner ul li a {display:inline-block;width:100%;margin-bottom:20px;padding:0;} .widget-ct .widget-image-banner ul li a img {display:inline-block;width:100%;} .widget-image-banner-opt-title {} /* widget-contact */ .widget-ct .widget-contact ul li {} .widget-ct .widget-contact ul li a {font-size:inherit;padding:10px 0;} .widget-contact ul li > div {font-size:0;padding:10px 0;} .widget-contact ul li > div .tit {border:0;} .widget-contact ul li > div .thumb {display:inline-block;width:30px;min-height:30px;margin-right:10px;vertical-align:middle;background-color:transparent;background-size:75% auto;} /*.widget-contact ul li > div .thumb img {width:100%;}*/ .widget-contact ul li > div .text {display:inline-block;font-size:12px;width:71.42857142857143%;vertical-align:middle;white-space:pre-line;line-height:1.33;word-break:break-all;} /* widget-icon-link1 */ .widget-ct .widget-icon-link1 ul li {border:0;} .widget-ct .widget-icon-link1 ul li a {font-size:0;padding:10px 0;} .widget-icon-link1 .tit {border:0;display:none;} .widget-icon-link1 .thumb {display:inline-block;width:30.61224489795918%;margin-right:7.14285714285715%;vertical-align:top;background-color:transparent;background-size:cover;} .widget-icon-link1 .text {display:inline-block;font-size:12px;width:62.24489795918367%;vertical-align:top;max-height:60px;line-height:1.33;overflow:hidden;} .widget-icon-link1 .text .title {display:block;margin-bottom:12px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .widget-icon-link1-opt-right .thumb {float:right;margin-top:0px;margin-left:7.14285714285715%;margin-right:0;} .widget-icon-link1-opt-right .text {float:left;margin-top:0px;} /* widget-icon-link2 */ .widget-ct .widget-icon-link2 ul li {border:0;} .widget-ct .widget-icon-link2 ul li a {font-size:0;padding:10px 0;} .widget-icon-link2 .tit {border:0;display:none;} .widget-icon-link2 .thumb {display:inline-block;width:30.61224489795918%;margin-right:7.14285714285715%;vertical-align:top;background-color:transparent;background-size:cover;} .widget-icon-link2 .text {display:inline-block;font-size:12px;width:62.24489795918367%;vertical-align:top;max-height:60px;line-height:1.33;overflow:hidden;} /* widget-icon-link3 */ .widget-icon-link3 .tit {border-bottom:1px solid #bbb;margin-bottom:6px;} .widget-icon-link3 ul {font-size:0;} .widget-icon-link3 ul li {display:inline-block;border:none !important;margin-top:4.08163265306122%;} .widget-icon-link3 ul li a {padding:0 !important;} .widget-icon-link3-opt-notitle .tit {display:none;} .widget-icon-link3 .col3 {margin-left:-4.08163265306122%;} .widget-icon-link3 .col3 li {width:33.3333333%;padding-left:4.08163265306122%;} .widget-icon-link3 .col4 {margin-left:-4.08163265306122%;} .widget-icon-link3 .col4 li {width:25%;padding-left:4.08163265306122%;} /* widget-topchslider (widget-rolling-img, widget-recentPost), bix-box를 기준으로 한다. */ .widget-touchslider {position:relative;overflow:hidden;} .widget-touchslider .touchslider-item .msg {position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;} .widget-touchslider .touchslider-item .msg .wrap {vertical-align:middle;width:100%;height:100%;display:table;white-space:normal !important;} .widget-touchslider .touchslider-item .msg .cell {display:table-cell;height:100%;width:100%;vertical-align:bottom;white-space:normal !important;} .widget-touchslider .touchslider-item .msg .cell .inner-wrap {margin:5.859375%;padding-bottom:48px;} .widget-touchslider .touchslider-item .msg .cell .title {color:inherit;font-size:2.25em;line-height:1.33;margin-bottom:18px;display:block;text-align:left;} .widget-touchslider .touchslider-item .msg .cell .copy {color:inherit;font-size:1.167em;line-height:1.428;display:block;text-align:left;} .widget-touchslider .touchslider-item .msg .cell .meta {color:inherit;font-size:1em;display:block;text-align:left;margin-top:12px;} .widget-touchslider .touchslider-item .msg .cell .meta span {display:inline-block;font-size:1.25em;} .widget-touchslider .touchslider-item .msg .cell .meta span.reply {float:right;} .widget-touchslider .touchslider-item .msg .cell .meta span.reply a {color:inherit;padding-left:5px;font-weight:700;} .widget-touchslider .touchslider-item .msg .cell .meta span.writer, .widget-touchslider .touchslider-item .msg .cell .meta span.date {margin-right:20px;} .widget-touchslider .touchslider-item .msg .cell div span {display:inline-block;padding:0;white-space:pre-line;word-break:break-all;} .widget-touchslider .touchslider-item span.img {position:relative;display:inline-block;width:100%;background-size: cover !important;} .widget-touchslider .wrap-ctrl {position:absolute;bottom:0;width:88.28125%;right:5.859375%;height:48px;} .widget-touchslider .touchslider-prev {display:inline-block;position:absolute;top:0; left:0;width:10.61946902654867%;height:100%;background:url(./images/bg_widget-touchslider_prev.png) 50% 50% no-repeat;background-size:25% 42%;cursor:pointer;opacity:0;} .widget-touchslider .touchslider-next {display:inline-block;position:absolute;top:0; right:0;width:10.61946902654867%;height:100%;background:url(./images/bg_widget-touchslider_next.png) 50% 50% no-repeat;background-size:25% 42%;cursor:pointer;opacity:0;} .widget-touchslider:hover .touchslider-prev {opacity:1; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out;} .widget-touchslider:hover .touchslider-next {opacity:1; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out;} .widget-touchslider .touchslider-nav {display:table;position:absolute;bottom:0px;left:0;width:100%;height:100%;text-align:center;} .widget-touchslider .touchslider-nav .cell {display:table-cell;width:100%;height:100%;vertical-align:middle;} .widget-touchslider .touchslider-nav span.touchslider-nav-item {display:inline-block;min-width:8px;min-height:8px;border-radius:50%;background:#b3b3b3;line-height:48px;} .widget-touchslider .touchslider-nav span.touchslider-nav-item-current {background:#2b8aff;} /* customerColorSet */ .wb .widget-touchslider .touchslider-item .msg .cell {vertical-align:top;} .wb .widget-touchslider .touchslider-item .msg .cell .inner-wrap {float:right;width:37.5%;margin:5.859375% 5.859375% 0;} .wb .widget-touchslider .wrap-ctrl {right:0;width:37.5%;right:5.859375%;height:48px;} .wb .widget-touchslider .touchslider-item .msg .cell .copy {display:none;} .wb .widget-touchslider .touchslider-item .msg .cell .title {height:110px;margin-bottom:40px;overflow:hidden;} .wb .widget-touchslider .touchslider-item .msg .cell .meta span.reply {display:none;} .wb .widget-touchslider .touchslider-item .msg .cell .meta span.category {display:none;} .wb .widget-touchslider .touchslider-prev {width:25%;} .wb .widget-touchslider .touchslider-next {width:25%;} .widget-ct .widget-rolling-img .touchslider-item .msg .cell .meta {display:none !important;} /* widget-post-list, bix-box를 기준으로 한다. */ .widget-post-list {padding:5.859375%} .widget-post-list .tit {float:left;width:71.09375%;height:17.0353982300885%;padding:0;margin-bottom:44.24778761061947%;border-bottom:0;font-size:2.5em;line-height:1.31;white-space:pre-line;} .widget-post-list .more {float:right;color:inherit;font-size:1.333em;line-height:28px;padding-right:21px;height:28px;background:url(./images/bg_widget-post-list_more.png) 100% 50% no-repeat;} .widget-post-list ul {position:absolute;bottom:5.859375%;;left:5.859375%;} .widget-post-list .lt-list li {border:0 !important;} .widget-post-list .lt-list li a:before {display:inline-block;content:'\b7';width:11px;height:14px;vertical-align:middle;} .widget-post-list .lt-list li a {padding:5px 0 !important;width:auto !important;color:inherit !important;} .widget-post-list .lt-list li a span {font-size:14px;vertical-align:middle;line-height:1.1;} .wb .widget-post-list .tit {width:80.53097345132743%;height:38.77551020408163%;margin-bottom:14px;} .wb .widget-post-list .lt-list li a span {font-size:14px;} .wb .widget-post-list .lt-list li:nth-child(1n+5) {display:none;} /* widget-thumb-text, bix-box를 기준으로 한다. */ .widget-thumb-text {padding:5.859375%;text-align:left;} .widget-thumb-text-opt-align-left {text-align:left;} .widget-thumb-text-opt-align-center {text-align:center;} .widget-thumb-text-opt-align-right {text-align:right;} .widget-thumb-text .thumb {display:inline-block;border:0;width:50%;height:50%;padding:0;border:0 !important;background-repeat:no-repeat;background-position:50% 50%;background-size:80.53097345132743%;} .widget-thumb-text .tit {height:17.0353982300885%;margin-top:6.19469026548673%;padding:0;border:0 !important;font-size:2.333em;white-space: pre-line;line-height:1.3214;overflow:hidden;text-align:inherit;} .widget-thumb-text p {border-top:0;height:26.54867256637168%;padding-top:6.63716814159292%;font-size:1.167em;line-height:1.42;white-space:pre-line;text-align:left;overflow:hidden;text-align:inherit;} .wb .widget-thumb-text .thumb {float:left;width:43.36283185840708%;height:100%;} .wb .widget-thumb-text-opt-thumb-right .thumb {float:right;} .wb .widget-thumb-text .tit {float:right;width:52.21238938053097%;height:38.77551020408163%;margin-top:0;} .wb .widget-thumb-text-opt-thumb-right .tit {float:left;} .wb .widget-thumb-text p {float:right;width:52.21238938053097%;height:61.22448979591837%;padding-top:20px;line-height:1.43;} .wb .widget-thumb-text-opt-thumb-right p {float:left;} .hb .widget-thumb-text {padding:11.71875%} .hb .widget-thumb-text .thumb {float:none;width:100%;height:43.36283185840708%;} .hb .widget-thumb-text .tit {float:none;width:100%;height:25.2212389380531%;margin:20px 0;} .hb .widget-thumb-text p {float:none;width:100%;height:22.12389380530973%;padding-top:0px;line-height:1.45;} /* widget-image-text, bix-box를 기준으로 한다. */ .widget-ct .widget-image-text {padding:5.859375%;width:100%;height:100%;} .widget-ct .widget-image-text .widget-inner-table {display:table;width:100%;height:100%;} .widget-ct .widget-image-text .widget-inner-table-cell {display:table-cell;width:100%;height:100%;overflow:hidden;word-break:break-all;} .widget-ct .widget-image-text .widget-inner-table-cell:after {display:block;content:"";height:0;clear:both;} .widget-ct .widget-image-text-opt-vertical-top .widget-inner-table-cell {vertical-align:top;} .widget-ct .widget-image-text-opt-vertical-top .widget-inner-table-cell p {height:auto;} .widget-ct .widget-image-text-opt-vertical-middle .widget-inner-table-cell {vertical-align:middle;} .widget-ct .widget-image-text-opt-vertical-middle .widget-inner-table-cell p {height:auto;} .widget-ct .widget-image-text-opt-vertical-bottom .widget-inner-table-cell {vertical-align:bottom;} .widget-ct .widget-image-text-opt-vertical-bottom .widget-inner-table-cell p {height:auto;} .widget-ct .widget-image-text-opt-align-left .widget-inner-table-cell .tit {text-align:left;} .widget-ct .widget-image-text-opt-align-center .widget-inner-table-cell .tit {text-align:center;} .widget-ct .widget-image-text-opt-align-right .widget-inner-table-cell .tit {text-align:right;} .widget-ct .widget-image-text-opt-align-left .widget-inner-table-cell p {text-align:left;} .widget-ct .widget-image-text-opt-align-center .widget-inner-table-cell p {text-align:center;} .widget-ct .widget-image-text-opt-align-right .widget-inner-table-cell p {text-align:right;} .widget-ct .widget-image-text .tit {height:auto;padding:0;border:0 !important;font-size:2.333em;margin-bottom:20px;white-space: pre-line;line-height:1.3214;overflow:hidden;} .widget-ct .widget-image-text p {height:196px;line-height:1.37;font-size:1.167em;white-space:pre-line;text-align:left;overflow:hidden;} .hb .widget-image-text {padding:11.71875%} .sb .widget-image-text {padding:11.71875%} .wb .widget-image-text .tit, .sb .widget-image-text .tit {height:76px !important;font-size:2.667em;line-height:1.15;} .wb .widget-image-text p,.sb .widget-image-text p {height:98px !important;line-height:1.42;} /* widget-index-text, bix-box를 기준으로 한다. */ .widget-ct .widget-index-text {padding:5.859375%;width:100%;height:100%;} .widget-ct .widget-index-text .widget-inner-table {display:table;width:100%;height:100%;} .widget-ct .widget-index-text .widget-inner-table-cell {display:table-cell;width:100%;height:100%;overflow:hidden;word-break:break-all;} .widget-ct .widget-index-text .widget-inner-table-cell:after {display:block;content:"";height:0;clear:both;} .widget-ct .widget-index-text-opt-vertical-top .widget-inner-table-cell {vertical-align:top;} .widget-ct .widget-index-text-opt-vertical-top .widget-inner-table-cell p {height:auto;} .widget-ct .widget-index-text-opt-vertical-middle .widget-inner-table-cell {vertical-align:middle;} .widget-ct .widget-index-text-opt-vertical-middle .widget-inner-table-cell p {height:auto;} .widget-ct .widget-index-text-opt-vertical-bottom .widget-inner-table-cell {vertical-align:bottom;} .widget-ct .widget-index-text-opt-vertical-bottom .widget-inner-table-cell p {height:auto;} .widget-ct .widget-index-text-opt-align-left .widget-inner-table-cell .tit {text-align:left;} .widget-ct .widget-index-text-opt-align-center .widget-inner-table-cell .tit {text-align:center;} .widget-ct .widget-index-text-opt-align-right .widget-inner-table-cell .tit {text-align:right;} .widget-ct .widget-index-text-opt-align-left .widget-inner-table-cell p {text-align:left;} .widget-ct .widget-index-text-opt-align-center .widget-inner-table-cell p {text-align:center;} .widget-ct .widget-index-text-opt-align-right .widget-inner-table-cell p {text-align:right;} .widget-ct .widget-index-text .tit {height:auto;padding:0;border:0 !important;font-size:2.333em;margin-bottom:20px;white-space: pre-line;line-height:1.3214;overflow:hidden;} .widget-ct .widget-index-text p {height:196px;line-height:1.37;font-size:1.167em;white-space:pre-line;text-align:left;overflow:hidden;} .hb .widget-index-text {padding:11.71875%} .sb .widget-index-text {padding:11.71875%} .wb .widget-index-text .tit, .sb .widget-index-text .tit {height:76px !important;font-size:2.667em;line-height:1.15;} .wb .widget-index-text p,.sb .widget-index-text p {height:98px !important;line-height:1.42;} /*------------------- etc -------------------*/ #toTop {position:fixed;z-index:1000;bottom:20px;right:20px;display:none; opacity:.7; } #toTop a {display:block;width:41px;height:41px;background-color:#777;color:#fff;overflow:hidden;text-align:center;line-height:28px; border-radius:5px; } #toTop a em {position:relative;top:4px;left:15px;display:block;width:5px;height:5px;border:5px solid #777;border-bottom:5px solid #fff; } html .mceContentBody { margin:0 auto; padding:0 30px; max-width: 768px; height:100%; font-family:'Noto Sans','나눔고딕','NanumGothic','Nanum Gothic',Arial, Helvetica, sans-serif; font-size:14px; } #POST-CONTENT { color: #2b2b2b; font-family:'Noto Sans','나눔고딕','NanumGothic','Nanum Gothic',Arial, Helvetica, sans-serif; font-weight: 400; font-size:14px; line-height: 1.5em; vertical-align: baseline; overflow-wrap: break-word; word-wrap: break-word; } /** * 2.0 Headings * ---------------------------------------------------------------------------- */ #POST-CONTENT h1, #POST-CONTENT h2, #POST-CONTENT h3, #POST-CONTENT h4, #POST-CONTENT h5, #POST-CONTENT h6 {margin:0;font-weight:normal} .hentry .entry-content h1 {font-size:2em;} .hentry .entry-content h2 {font-size:1.5em;} .hentry .entry-content h3 {font-size:1.17em;} .hentry .entry-content h4 {font-size:1em;} .hentry .entry-content h5 {font-size:0.83em;} .hentry .entry-content h6 {font-size:0.7em;} .hentry .entry-content h1 {line-height:1.4em;} .hentry .entry-content h2 {line-height:1.86em;} .hentry .entry-content h3 {line-height:1.16em;} .hentry .entry-content h4 {line-height:2.4em;} .hentry .entry-content h5 {line-height:2.83em;} .hentry .entry-content h6 {line-height:3.99em;} #POST-CONTENT h1:first-child, #POST-CONTENT h2:first-child, #POST-CONTENT h3:first-child, #POST-CONTENT h4:first-child, #POST-CONTENT h5:first-child, #POST-CONTENT h6:first-child { margin-top: 0; } /** * 3.0 Text Elements * ---------------------------------------------------------------------------- */ #POST-CONTENT address {font-style:italic;margin-bottom:24px;} #POST-CONTENT abbr[title], #POST-CONTENT acronym[title] {border-bottom:1px dotted #2b2b2b;cursor:help;} #POST-CONTENT b, #POST-CONTENT strong {font-weight:700;} #POST-CONTENT cite,#POST-CONTENT dfn,#POST-CONTENT em,#POST-CONTENT i {font-style:italic;} #POST-CONTENT em {color:#969696} #POST-CONTENT mark,#POST-CONTENT ins {background:#fff9c0;text-decoration:none;} #POST-CONTENT p {margin-bottom:24px;} #POST-CONTENT code,#POST-CONTENT kbd,#POST-CONTENT tt,#POST-CONTENT var,#POST-CONTENT samp,#POST-CONTENT pre {font-family:monospace, serif;font-size:15px;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;line-height:1.6;} #POST-CONTENT pre {margin-bottom:24px;max-width:100%;overflow:auto;padding:12px;white-space:pre;white-space:pre-wrap;word-wrap:break-word; border:1px solid rgba(0, 0, 0, 0.1); border-radius:3px; -webkit-box-sizing:border-box;-moz-box-sizing:border-box; box-sizing:border-box;} #POST-CONTENT code {padding:5px;display:block;font-family:"Courier New", Courier, monospace;line-height:1.2;border:1px solid #efefef;border-radius:3px;} #POST-CONTENT code:before {display:block;margin:0;padding:5px;content:'■Source';background:#efefef;border-radius:3px;} #POST-CONTENT blockquote, #POST-CONTENT q {-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;quotes:none;} #POST-CONTENT blockquote:before, #POST-CONTENT blockquote:after, #POST-CONTENT q:before, #POST-CONTENT q:after {content:"";content:none;} #POST-CONTENT blockquote {margin:24px 0;padding:0 0 0 60px;color:#969696;font-size:1.5em;line-height:1.55;background:url(./images/ic_bq_open.png) 0 5px no-repeat;} #POST-CONTENT blockquote cite, #POST-CONTENT blockquote small {color:#2b2b2b;font-size:16px;font-weight:400;line-height:1.5;} #POST-CONTENT blockquote em, #POST-CONTENT blockquote i, #POST-CONTENT blockquote cite {font-style:normal;} #POST-CONTENT blockquote strong, #POST-CONTENT blockquote b {font-weight:400;} #POST-CONTENT small {font-size:smaller;} #POST-CONTENT big {font-size:125%;} #POST-CONTENT sup,#POST-CONTENT sub {font-size:75%;height:0;line-height:0;position:relative;vertical-align:baseline;} #POST-CONTENT sup {bottom:1ex;} #POST-CONTENT sub {top:.5ex;} #POST-CONTENT dl {margin-bottom:24px;} #POST-CONTENT dt {} #POST-CONTENT dd {margin:0 0 24px 15px} #POST-CONTENT ul, #POST-CONTENT ol {list-style:none;margin:0 0 24px 20px;} #POST-CONTENT ul, #POST-CONTENT ul li {list-style:disc;} #POST-CONTENT ol, #POST-CONTENT ol li {list-style:decimal;} #POST-CONTENT li > ul, #POST-CONTENT li > ol {margin:0 0 0 20px;} #POST-CONTENT del {color:#767676;} #POST-CONTENT hr {background-color:rgba(0, 0, 0, 0.1);border:0;height:1px;margin-bottom:23px;} #POST-CONTENT fieldset {padding: 10px;border:1px solid #aaa;} #POST-CONTENT legend {display:none} /** * 4.0 Links * ---------------------------------------------------------------------------- */ #POST-CONTENT a {color:#999; text-decoration:none} #POST-CONTENT a:link {text-decoration:none} #POST-CONTENT a:visited {text-decoration:none} #POST-CONTENT a:focus {outline:thin dotted;} #POST-CONTENT a:hover, #POST-CONTENT a:active {color:#777; text-decoration:none;outline:0;} /** * 5.0 Alignment * ---------------------------------------------------------------------------- */ #POST-CONTENT .alignleft { float: left; margin: 7px 24px 7px 0; } #POST-CONTENT .alignright { float: right; margin: 7px 0 7px 24px; } #POST-CONTENT .aligncenter { clear: both; display: block; margin: 7px auto; } #POST-CONTENT blockquote.alignleft, #POST-CONTENT blockquote.alignright { border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding-top: 17px; width: 50%; } #POST-CONTENT blockquote.alignleft p, #POST-CONTENT blockquote.alignright p { margin-bottom: 17px; } /** * 6.0 Tables * ---------------------------------------------------------------------------- */ #POST-CONTENT .mceItemTable { border: 1px solid rgba(0, 0, 0, 0.1); border-width: 1px 0 0 1px; border-collapse: separate; border-spacing: 0; font-size: 14px; line-height: 1.2857142857; margin-bottom: 24px; width: 100%; } #POST-CONTENT .mceItemTable th, #POST-CONTENT .mceItemTable caption { border: 1px solid rgba(0, 0, 0, 0.1); border-width: 0 1px 1px 0; font-weight: 700; padding: 8px; text-align: left; text-transform: uppercase; vertical-align: baseline; } #POST-CONTENT .mceItemTable td { border: 1px solid rgba(0, 0, 0, 0.1); border-width: 0 1px 1px 0; font-family: Lato, sans-serif; font-size: 14px; padding: 8px; vertical-align: baseline; } /** * 7.0 Images * ---------------------------------------------------------------------------- */ #POST-CONTENT img, #BBSE-CONTENT img { height: auto; max-width: 100%; vertical-align: middle; } #POST-CONTENT .wp-caption { background: transparent; border: none; color: #767676; margin: 0 0 24px 0; max-width: 474px; padding: 0; text-align: left; } #POST-CONTENT .wp-caption.alignleft { margin: 7px 14px 7px 0; } #POST-CONTENT .wp-caption.alignright { margin: 7px 0 7px 14px; } #POST-CONTENT .wp-caption.aligncenter { margin: 7px auto; } #POST-CONTENT .wp-caption-dt { margin: 0; } #POST-CONTENT .wp-caption .wp-caption-text, #POST-CONTENT .wp-caption-dd { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 12px; font-style: italic; line-height: 1.5; margin: 9px 0; padding: 0 10px 0 0; /* Avoid the caption to overflow the width of the image because wp-caption has 10px wider width */ text-align: left; } #POST-CONTENT .mceTemp + ul, #POST-CONTENT .mceTemp + ol { list-style-position: inside; } /** * 8.0 RTL * ---------------------------------------------------------------------------- */ html .mceContentBody.rtl { direction: rtl; unicode-bidi: embed; } .rtl ol, .rtl ul { margin-left: 0; margin-right: 24px; } .rtl .wp-caption, .rtl tr th { text-align: right; } .rtl td { text-align: right; } .site-content .entry-meta {clear:both;color:#767676;font-size:12px;font-weight:400;line-height:1.3333333333;text-transform:uppercase;} .sticky .entry-date {display:none;} .cat-links {font-weight:900;text-transform:uppercase;} .cat-links a {color:#2b2b2b;} .cat-links a:hover {color:#41a62a;} .byline {display:none;} .single .byline, .group-blog .byline {display:inline;} .site-content footer.entry-meta {margin:24px auto 0;padding:0 10px;} .post-format-icon:before {position:relative;top:5px;display:inline-block;vertical-align:text-bottom; margin-right: 7px; font-weight:normal; font-size:inherit; font-style:normal; font-family:dashicons;/*font: 400 20px/1 dashicons;*/speak: none; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;} .post-state-format:before, .post-format-icon:before {color: #ddd;-webkit-transition: all .1s ease-in-out;-moz-transition: all .1s ease-in-out;transition: all .1s ease-in-out;} .post-state-format.post-format-standard:before, .post-format-icon.post-format-standard:before, a.post-state-format.format-standard:before {content: '\f109';} .post-state-format.post-format-aside:before, .post-format-icon.post-format-aside:before, a.post-state-format.format-aside:before {content:'\f123'} .post-state-format.post-format-image:before, .post-format-icon.post-format-image:before, a.post-state-format.format-image:before {content:'\f128'} .post-state-format.post-format-audio:before, .post-format-icon.post-format-audio:before, a.post-state-format.format-audio:before {content:'\f127'} .post-state-format.post-format-video:before, .post-format-icon.post-format-video:before, a.post-state-format.format-video:before {content:'\f126'} .post-state-format.post-format-quote:before, .post-format-icon.post-format-quote:before, a.post-state-format.format-quote:before {content:'\f122'} .post-state-format.post-format-status:before, .post-format-icon.post-format-status:before, a.post-state-format.format-status:before {content:'\f130'} .post-state-format.post-format-gallery:before, .post-format-icon.post-format-gallery:before, a.post-state-format.format-gallery:before {content:'\f161'} .post-state-format.post-format-link:before, .post-format-icon.post-format-link:before, a.post-state-format.format-link:before {content:'\f103'} .post-state-format.post-format-chat:before, .post-format-icon.post-format-chat:before, a.post-state-format.format-chat:before {content:'\f125'} #error404 {} #error404 h2,#error404 h3 {margin:0 0 10px 0;} #error404 ul {margin:0 0 20px 20px} #error404 ul li {line-height:1.8em;list-style:disc} @media only screen and ( max-width: 1024px ) { #header .top-drawer div {width:100%;} #testControl {display:none !important;} .tag-label {display:inline-block;font-size:12px;vertical-align:middle;float:left;margin-top:7px;width:60%;height:18px;overflow:hidden} #wrap, #wrap.box-layout {width:100%;padding:0;} .main-cont .article {width:100%;} #wrap.box-layout .main-cont .line-wrap {width:100%;} #wrap.box-layout #container {width:100%;} #header {position:fixed;top:0;width:100%;z-index:200;} #wrap.box-layout #header {width:100%;} .content-area-type-a #header, .content-area-type-b #header {position:fixed;top:0;} #header .util-container {} #header .wrap-util .util {} #header .top-drawer h4 {position:relative;display:table;width:100%;height:80px;overflow:hidden;margin:0 auto;text-align:center;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;word-break:break-all;} #header .wrap-gnb {background:#fff;height:100px;} #header .top-drawer {border-bottom:1px solid #f3f3f3;} #gnb ul.menu {height:auto;overflow-y:scroll;padding-bottom:230px !important;} #gnb {width:100%;height:70px;padding:0px 0;/*기존 height:100px;padding:13px 0; > in= height:70px;padding:0px 0수정 */} #gnb ul.menu {display:none;font-size:12px;position:absolute;top:72px;left:0;width:100%;z-index:999 !important;background:rgba(0,0,0,0.95);margin:0;padding:60px;padding-top:0px;} /*in=top:100px>72px(몰제거)*/ #gnb ul.menu li {position:relative;width:100%;text-align:left;margin:0;padding:0;background:none;} #gnb ul.menu li.member {display:block;text-align:center;} #gnb ul.menu li.member a {width:auto;font-size:1.5em !important;border:0;padding:24px 0 16px 0;} #gnb ul.menu li.member span {display:inline-block;font-weight:700;overflow:hidden;color:#fff;width:26px;height:100%;} #gnb ul.menu li a {display:inline-block;width:100%;height:100%;font-size:1.667em;padding:24px 0;color:#999 !important;border-bottom:1px solid #999;} #gnb ul.menu li.active > a {color:#fff !important;} #gnb ul.menu li > button.open-child {position:absolute;top:0px;right:0;display:inline-block;width:100%;height:72px;background:url(./images/bg_gnb_mobile_open.png) 100% 50% no-repeat;z-index:10;}/*in=top24 > 0+ width 40px > 100% + heigh 20px > 72px + background 50% 50% > 100% 50% */ #gnb ul.menu li.active > button.open-child {background:url(./images/bg_gnb_mobile_active_open.png) 50% 50% no-repeat;} #gnb ul.menu li.opened > button.open-child {display:block;background:url(./images/bg_gnb_mobile_close.png) 100% 50% no-repeat;} /*in=background 50% 50% > 100% 50%;*/ #gnb ul.menu li.active > button.active-open-child {display:block;background:url(./images/bg_gnb_mobile_active_close.png) 50% 50% no-repeat;} #gnb ul.menu li button.open-child em {visibility:hidden; overflow:hidden; width:0; height:0; margin:0; padding:0; font-size:0; line-height:0; text-indent:-9999px} #gnb ul.menu > li:hover > a {border-bottom:1px solid #999;padding-bottom:24px} #gnb ul.menu > li.member a {font-size:1.75em;font-weight:400;} #gnb ul.menu > li:hover ul.menu-depth-1 {display:none;} #gnb ul.menu > li.opened ul.menu-depth-1 {display:block;position:static;width:auto;padding:0;margin-left:30px;} #gnb ul.menu > li.opened ul.menu-depth-1 > li.menu-item-has-children {background:none;border-bottom:0;} #gnb ul.menu > li.opened ul.menu-depth-1 > li:last-child {border:0 !important;} #gnb ul.menu-depth-1 > li:hover ul.menu-depth-2 {display:none;} #gnb ul.menu-depth-1 > li.opened ul.menu-depth-2 {display:block;position:static;width:auto;padding:0;margin-left:30px;} #gnb ul.menu-depth-1 > li.opened ul.menu-depth-2 > li:last-child {border:0 !important;} #gnb h1.logo {position:absolute;top:50%;/*width:160px;=in제거*/margin-top:-34px;} #gnb h1.logo a {width:100%; } /* #gnb h1.logo a img {width:100%;} == infurni 삭제*/ #gnb > button {display:inline-block;float:right;width:72px;height:72px;} #gnb > button span {visibility:hidden; overflow:hidden; width:0; height:0; margin:0; padding:0; font-size:0; line-height:0; text-indent:-9999px} #gnb button.gnb-menu {margin-right:30px;background:url(./images/bg_gnb-menu.png) 50% 50% no-repeat;} #gnb button.search {background:url(./images/bg_mobile_gnb-search.png) 50% 50% no-repeat;} #gnb button.util {background:url(./images/bg_gnb-menu-util.png) 50% 50% no-repeat;} #gnb button.gnb-menu-close {background:url(./images/bg_gnb-menu-close.png) 50% 50% no-repeat;} #header .wrap-util .sns-util,#header .wrap-util .custom-util {} #header .wrap-util {width:100%;} #header .wrap-util .util {} #gnb #searchform a.toggle {display:none;} #gnb #searchform {display:none;position:absolute;top:0;left:0;width:65%;height:100%;z-index:999 !important;background:#fff;margin:0;} #gnb #searchform .search-form {display:block;position:relative;width:100%;height:100%;top:0;vertical-align:middle;} #gnb #searchform .search-form input[type="text"] {display:inline-block;width:70%;height:100%;border:0;} .ag-lt #gnb h1.logo {left:30px;margin-left:0;} .ag-ct #gnb h1.logo {left:50%;margin-left:-80px;margin-top:-34px;} .ag-ct #gnb button.search {position:absolute;top:50%;left:30px;margin-top:-36px;} .ag-ct #gnb .inner-wrap {width:100%;float:left;padding:0;} .ag-ct #gnb ul.menu {position:absolute;display:none;margin:0;} .ag-ct #gnb ul.menu li:hover ul.menu-depth-1 {display:none;} .ag-ct #gnb ul.menu li:hover ul.menu-depth-2 {display:none;} .ag-ct #gnb ul.menu > li.opened ul.menu-depth-1 {display:block;position:static;width:auto;} .ag-ct #gnb ul.menu ul.menu-depth-1 > li.opened ul.menu-depth-2 {display:block;position:static;width:auto;} .ag-ct #gnb #searchform {top:0px;left:50%;right:initial;width:70%;height:100%;margin-top:0;margin-left:-35%;} .ag-ct #gnb #searchform .search-form {width:100%;bottom:initial;height:100%;} .ag-rt #gnb h1.logo {right:30px;margin-left:0;} .ag-rt #gnb > button {float:left;margin-left:30px;margin-right:0;} .ag-rt #gnb button.search {margin-left:0;} .ag-rt #gnb #searchform {left:initial;right:0;width:70%;height:100%;} .ag-rt #gnb #searchform .search-form {display:block;width:100%;} .ag-rt #gnb ul.menu {margin:0;} .main-touchslider {overflow:hidden;} .main-touchslider-ctrl {margin-left:226px;} /*.box-wrap {margin:-254px auto 0;}*/ .content-area-type-b .box-wrap {margin-top:0;} #container.aside-right .bbsecontents {float:left;padding:30px 30px 0 30px;} #POST-CONTENT p img {display:inline-block;max-width:100%;} #container.aside-hidden .bbsecontents {padding:30px;} #container .topImgArea > div {width:100%;} #container .topImgArea > div div.copy {padding:0px 30px 0px 30px;} #container #aside .subMenuTitle, #container .pageview-cont-wrap .subMenu {display:none;} #container .cont-wrap {width:100%;padding:0;} #container #aside {display:block;width:100%;padding:0px 0px;border-top:1px solid #bbb;} #aside .widget-ct .aside-widget-ct-devider {display:block;width:100%;} #aside .widget-ct .widget {width:50%;margin:40px 0;min-height:initial;padding:0 30px;} #container .bbsecontents {width:100%;padding:30px;} .foot-area {width:100%;} .company-info .inner-wrap-1 {width:auto;margin:0 30px;} .company-info .inner-wrap-2 {width:auto;margin:0 30px;} .company-info address {width:265px;} .company-info .inner-wrap-3 {width:100%;padding:15px 30px;} .company-info .inner-wrap-3 div.inner {width:100%;} .widget-touchslider .touchslider-item .msg .cell .title {font-size:1.25em;margin-bottom:4px;height:39px;} .widget-touchslider .touchslider-item .msg .cell .copy {font-size:1em;} .widget-touchslider .touchslider-item .msg .cell .meta {display:none;} .widget-recentPost .touchslider-item .msg .cell .meta {display:block;} .wb .widget-touchslider .touchslider-item .msg .cell .title {height:76px;margin-bottom:0;} .wb .widget-recentPost .touchslider-item .msg .cell .title {height:58px;margin-bottom:12%;} .wb .widget-touchslider .touchslider-item .msg .cell .meta span.writer {margin-right: 10px;} .wb .widget-touchslider .touchslider-item .msg .cell .meta span.date {margin-right:0;} .widget-touchslider .touchslider-item .msg .cell .meta span {font-size:0.833em;} .widget-touchslider .touchslider-next,.widget-touchslider .touchslider-prev {display:none;} .widget-touchslider .touchslider-nav {bottom:25%;} .widget-post-list {position:relative;} .widget-post-list .tit {font-size:1.417em;line-height:1.3;margin-bottom:32.30769230769231%} .widget-post-list .more {font-size:0.833em;} .widget-post-list ul {position:absolute;bottom:5.859375%;;left:5.859375%;} .widget-post-list ul li a span {font-size:11px;} .widget-post-list .lt-list li a span {font-size:11px;} .wb .widget-post-list .tit {height:43px;} .wb .widget-post-list .lt-list li a span {font-size:11px;} .wb .widget-post-list ul li a {padding:2px 0 !important;} .wb .widget-post-list .more {line-height: 21px;padding-right: 12px;height: 21px;background-size:8px 15px;} .widget-thumb-text .tit {margin-top: 2.19469026548673%;font-size: 1.333em;height:39px;} .widget-thumb-text p {font-size:0.917em;line-height:1.4;padding-top: 3.63716814159292%;height:70px;} .wb .widget-thumb-text .tit {height:39px;} .wb .widget-thumb-text p {height:72px;padding-top:0;margin-top:10px;line-height: 1.33;} .hb .widget-thumb-text .tit {height: 57px;margin: 3.84615384615385% 0;font-size:1.25em;} .hb .widget-thumb-text p {height:50px;line-height: 1.5;} .widget-ct .widget-image-text .tit {font-size:1.25em;height:57px !important;margin-bottom:7px} .widget-image-text p {font-size:0.917em;height:75px !important;line-height:1.4;padding-top:0;} /*.hb .widget-image-text p {line-height: 1.7;}*/ .sb .widget-image-text .tit {font-size:1.25em;line-height:1.45;height:39px !important;} .sb .widget-image-text p {font-size:0.917em;line-height:1.27;height:65px !important;} .wb .widget-image-text p {display:none;} .widget-ct .widget-index-text .tit {font-size:1.25em;height:57px !important;margin-bottom:7px} .widget-index-text p {font-size:0.917em;height:75px !important;line-height:1.4;padding-top:0;} /*.hb .widget-index-text p {line-height: 1.7;}*/ .sb .widget-index-text .tit {font-size:1.25em;line-height:1.45;height:39px !important;} .sb .widget-index-text p {font-size:0.917em;line-height:1.27;height:65px !important;} .wb .widget-index-text p {display:none;} #mainContainer:after {margin-bottom:15px;} #gnb ul.menu {padding:30px;} .foot-area {padding:0;} #footer .widget {width:50%;} #footer .widget-cnt1 .widget {width:100%;padding:0 30px;} #footer .widget-cnt2 .widget {width:50%;} #footer .widget-cnt3 .widget:first-child {width:100%;} #footer .widget-cnt3 .widget:nth-child(2),#footer .widget-cnt3 .widget:nth-child(3) {width:50%;} #footer .widget-cnt3 .footer-widget-devider1 {display:block;} #footer .widget-cnt4 .footer-widget-devider2 {display:block;} .main-touchslider .msg {width: 725px;top: 50px;left:30px;margin-left:0px;} .main-touchslider .touchslider-item .msg .cell div span {padding:0;} .main-touchslider-ctrl {left:initial;top: 60px;right:30px;margin-left:0;z-index: 100;} .box-wrap {width:964px;} .box-type-d .column-idx-1 {width:241px;} .box-type-d .column-idx-2 {width:482px;} .box-type-d .column-idx-3 {width:482px;} .box-type-d .column-idx-4 {width:241px;} .box-type-d .box-inner-wrap-idx-1 {width:723px;} .box-type-e .column-idx-1 {width:241px;} .box-type-e .column-idx-2 {width:241px;} .box-type-e .column-idx-3 {width:482px;} .box-type-e .column-idx-4 {width:482px;} .box-type-e .column-idx-5 {width:241px;} .box-type-e .box-inner-wrap-idx-1 {width:723px;} .sns-tool a.mobile {display:inline-block;} .meta-type .text a.icon:before {font-size:30px;} .sns-tool a.googlePlus, .sns-tool a.googlePlus:hover {background-image:url(./images/ic_sns_ggPlus_ovr.png)} .sns-tool a.facebook, .sns-tool a.facebook:hover {background-image:url(./images/ic_sns_facebook_ovr.png)} .sns-tool a.twitter, .sns-tool a.twitter:hover {background-image:url(./images/ic_sns_twitter_ovr.png)} .sns-tool a.hms, .sns-tool a.hms:hover {background-image:url(./images/ic_sns_hms_ovr.png)} .sns-tool a.kakaoTalk, .sns-tool a.kakaoTalk:hover {background-image:url(./images/ic_sns_kakaotalk_ovr.png)} .sns-tool a.kakaoStory, .sns-tool a.kakaoStory:hover {background-image:url(./images/ic_sns_kakaostory_ovr.png)} .post-list-thumb li .meta-type .entry-meta, .post-list-thumb li .meta-type .text, .post-list-thumb li .meta-type .origin, .post-list-thumb li .meta-type .link {padding-left:50px;margin-left:-10px;} } @media only screen and ( max-width: 1023px ) { .box-wrap {width:900px;} .box-type-d .column-idx-1 {width:177px;} .box-type-d .column-idx-2 {width:354px;} .box-type-d .column-idx-3 {width:354px;} .box-type-d .column-idx-4 {width:177px;} .box-type-d .box-inner-wrap-idx-1 {width:531px;} .box-type-e .column-idx-1 {width:177px;} .box-type-e .column-idx-2 {width:177px;} .box-type-e .column-idx-3 {width:354px;} .box-type-e .column-idx-4 {width:354px;} .box-type-e .column-idx-5 {width:177px;} .box-type-e .box-inner-wrap-idx-1 {width:531px;} } @media only screen and ( max-width: 920px ) { .box-wrap {width:760px;} } @media only screen and ( max-width: 768px ) { #container.aside-right .bbsecontents {float:left;padding:15px 15px 0 15px;} .box-wrap {width:708px;} #gnb ul.menu {padding:30px;padding-top:0;} .foot-area {padding:0;} #footer .widget {width:50%;} #footer .widget-cnt1 .widget {width:100%;padding:0 30px;} #footer .widget-cnt2 .widget {width:50%;} #footer .widget-cnt3 .widget:first-child {width:100%;} #footer .widget-cnt3 .widget:nth-child(2),#footer .widget-cnt3 .widget:nth-child(3) {width:50%;} #footer .widget-cnt3 .footer-widget-devider1 {display:block;} #footer .widget-cnt4 .footer-widget-devider2 {display:block;} .main-touchslider .msg {width: 530px;top: 50px;left:30px;margin-left:0;} .main-touchslider .touchslider-item .msg .cell div span {padding:0;} .main-touchslider-ctrl {left:initial;top: 60px;right:30px;margin-left:0;z-index: 100;} } @media only screen and ( max-width: 767px ) { /*type-a*/ .box-type-a .column-idx-1 {width:100%;height:500px;} .box-type-a .column-idx-2 {width:100%;height:250px;} .box-type-a .column-idx-3 {width:50%;height:250px;} .box-type-a .column-idx-4 {width:50%;height:250px;} /*type-b*/ .box-type-b .column-idx-1 {width:50%;height:500px;} .box-type-b .column-idx-2 {width:100%;height:500px;} .box-type-b .column-idx-3 {width:50%;height:250px;} .box-type-b .column-idx-4 {width:50%;height:250px;} /*type-c*/ .box-type-c .box-inner-wrap {width:100%;} .box-type-c .column-idx-1 {width:50%;height:250px;} .box-type-c .column-idx-2 {width:50%;height:250px;} .box-type-c .column-idx-3 {width:100%;height:500px;} .box-type-c .column-idx-4 {width:50%;height:250px;} .box-type-c .column-idx-5 {width:50%;height:250px;} /*type-d*/ .box-type-d .column-idx-1 {width:100%;height:250px;} .box-type-d .column-idx-2 {width:100%;height:250px;} .box-type-d .column-idx-3 {width:100%;height:250px;} .box-type-d .column-idx-4 {width:100%;height:250px;} .box-type-d .column-idx-5 {width:50%;height:500px;} .box-type-d .box-inner-wrap-idx-1 {width:50%;} /*type-e*/ .box-type-e .column-idx-1 {width:50%;height:500px;} .box-type-e .column-idx-2 {width:100%;height:250px;} .box-type-e .column-idx-3 {width:100%;height:250px;} .box-type-e .column-idx-4 {width:100%;height:250px;} .box-type-e .column-idx-5 {width:100%;height:250px;} .box-type-e .box-inner-wrap-idx-1 {width:50%;} /*type-f*/ .box-type-f .column-idx-1 {width:100%;height:250px;} .box-type-f .column-idx-2 {width:50%;height:250px;} .box-type-f .column-idx-3 {width:50%;height:250px;} .box-type-f .column-idx-4 {width:50%;height:500px;} .box-type-f .column-idx-5 {width:100%;height:250px;} .box-type-f .column-idx-6 {width:100%;height:250px;} .box-type-f .box-inner-wrap-idx-1 {width:100%;} .box-type-f .box-inner-wrap-idx-2 {width:50%;} /*type-g*/ .box-type-g .column-idx-1 {width:100%;height:250px;} .box-type-g .column-idx-2 {width:50%;height:250px;} .box-type-g .column-idx-3 {width:50%;height:250px;} /*type-h*/ .box-type-h .column-idx-1 {width:50%;height:250px;} .box-type-h .column-idx-2 {width:50%;height:250px;} .box-type-h .column-idx-3 {width:100%;height:250px;} /*type-i*/ .box-type-i .box-item {width:50%;} } @media only screen and ( max-width: 800px ){ .tag-label{width:65%} } @media only screen and ( max-width: 767px ) { /* 320 ~ 639 */ #header .top-drawer h4 {height:60px;} #header .top-drawer h4 a button.close {right: 10px;width:20px;height: 20px;margin-top: -10px;background-size:50% 50%;} #gnb {padding:2px 0;height:50px;/* 기존=padding:8px 0;height:60px; in수정 */} #header .wrap-gnb {height:60px;} #gnb h1.logo {/*width: 103px;=in제거*/margin-top:-22px} #gnb h1.logo a {height:44px;} #gnb > button {width:44px;height:44px;background-size:40% 40% !important;} #gnb button.gnb-menu {margin-right:15px;} #gnb:after {display:block;clear:both;height:0;content:"";} #gnb ul.menu {top:54px;padding:15px;overflow: hidden;} /*in=top:60px>54px변경*/ #gnb ul.menu > li.member a {font-size:1.5em !important;} #gnb ul.menu li.member span {top:0px;font-size:1.25em;} #gnb ul.menu li a {padding:20px 0;font-size:1.333em;color:#999 !important} #gnb ul.menu > li:hover > a {padding-bottom:20px} #gnb ul.menu li > button.open-child {height: 60px;}/*in=제top:20px;*/ #gnb #searchform .search-form {padding:8px 0;} #gnb #searchform button[type=submit] {width:44px;height:100%;background-size:40% 40% !important;} #gnb #searchform .search-form input[type="text"] {width:60%;height:100%;font-size:1em;text-indent:0;} #header .gnb-mobile-type-full {} #header .gnb-mobile-type-minimal {} #header .gnb-mobile-type-minimal #gnb button.search {display:none;} .ag-lt #gnb h1.logo {left:15px;} .ag-rt #gnb h1.logo {right:15px;} .ag-rt #gnb button.gnb-menu {margin-left:15px;margin-right:0;} .ag-rt #gnb #searchform {width:68%;} .ag-rt #gnb #searchform .search-form {padding:8px 0;} .ag-ct #gnb h1.logo {left:50%;margin-left: -52px;margin-top: -22px;} .ag-ct #gnb button.search {top:50%;left: 15px;margin-top: -22px;} .ag-ct #gnb #searchform {top:0px;left:50%;right:initial;width:65%;height:100%;margin-top:0;margin-left:-32.5%;} .ag-ct #gnb #searchform .search-form {padding:8px 0;text-align:center;} .ag-ct #gnb #searchform button[type=submit] {height:100%;} .main-touchslider {height:0 !important;overflow:hidden;} .main-touchslider-ctrl {display:none;} .box-wrap {width:100%;margin-top:0;padding:0;} .content-area-type-b .box-wrap {margin-top:0;} #mainContainer, #container {padding-bottom:0} .bbsecontents {float:none;padding:0;margin:0;} #aside {float:none;width:100%;} #aside .widget-ct .widget {width:100%;margin:0;min-height:initial;padding:30px 15px;} #aside .widget-ct .aside-widget-ct-devider {display:none;width:100%;} #aside .widget-ct .aside-widget-devider {display:block;width:100%;padding:0 15px;} #container .bbsecontents {padding:15px;} #container.aside-hidden .bbsecontents {padding:15px;} #container .topImgArea, #container .topImgArea > div span.copy {height: 75px;} #container .topImgArea > div a.mainCopy {font-size: 1.13em;margin-bottom: 5px;} #container .topImgArea > div div.copy {padding:0px 15px 0px 15px;} #container .bbsecontents .page-title .tit {font-size:1.5em;height:auto;margin-bottom: 10px;} #container .bbsecontents .meta-box {position:relative;padding-bottom:0;} #container .bbsecontents .location {float: none;width: 100%;height: 30px;} #container .postview-cont-wrap .bbsecontents .meta-box .page-title {margin-bottom:10px;} #container .postview-cont-wrap .bbsecontents .page-title .tit {margin-bottom:0;} #container .postview-cont-wrap .bbsecontents .meta-box {padding-top:30px;margin-bottom:20px;} #container .postview-cont-wrap .bbsecontents .location {position:absolute;top:0;left:0;} #container .postview-cont-wrap .bbsecontents .meta-box .entry-meta {float:none;width:100%;margin-bottom:14px;} #container .bbsecontents .location div {text-align:left;} #container .bbsecontents .page-title {float: none;width: 100%;} .post-list li .media, .aside-hidden .post-list li .media {width:34.48275862068966%;} .post-list li .media-type-img + .meta, .aside-hidden .post-list li .media-type-img + .meta {width:65.51724137931034%;} .post-list li .media a.thumb span.bg {background-size:auto 50%;} .post-list li {padding:15px 0;} .post-list li .media-type-img + .meta {padding-left:10px;} .post-list li .meta .text {display:none;} .post-list li .meta-type .text {padding-left:54px;display:block;margin:15px 0;font-size:1.083em;max-height:85px;} .post-list li .meta-type .entry-meta {padding-left:54px;} .post-list li .meta-type .link, .post-list li .meta-type .origin {padding-left:54px;font-size:1em;} .post-list li .meta .more {display:none;} .post-list li .meta .entry-title {height:38px;font-size:1.167em;} .post-list li .meta .entry-meta > span a {font-size:0.75em;line-height:1.33;} .post-list li .meta .entry-meta > span:after {font-size:0.75em;width:9px;} .post-list li .meta .icon {left: 8px;width: 28px;height: 28px;background-size: 28px 28px;} .post-list-thumb li:first-child {border:1px solid #dbdbdb;} .post-list-thumb li {padding:0;margin:15px 0;border:1px solid #dbdbdb;} .post-list-thumb li .media, .aside-hidden .post-list-thumb li .media, .aside-hidden .post-list-thumb li .media, .aside-hidden .post-list-thumb li .media {width:100%;} .post-list-thumb li .meta, .post-list-thumb li .media + .meta, .aside-hidden .post-list-thumb li .meta, .aside-hidden .post-list-thumb li .media + .meta {width:100%;} .post-list-thumb li .meta {padding:15px !important;} .post-list-thumb li .meta strong {height:39px;font-size:1.33em;} .post-list-thumb li .meta .text {margin:14px 0;font-size:1em;width: 100%;max-height: 75px;-o-text-overflow: ellipsis;text-overflow:ellipsis;text-overflow: ellipsis;overflow: hidden;-webkit-line-clamp: 4;-webkit-box-orient: vertical;display: -webkit-box;word-wrap: break-word;} .post-list-thumb li .meta-type .text {max-height:90px;} .post-list-thumb li .meta .more {display:inline-block;} .post-list-thumb li .meta .more a {font-size:0.833em;} .post-list-thumb li .meta .icon {left:0;} .post-list-thumb li .meta-type .more {display:none;} .post-list-thumb li .meta-type .entry-meta, .post-list-thumb li .meta-type .text, .post-list-thumb li .meta-type .origin, .post-list-thumb li .meta-type .link {padding-left:40px;margin-left:0;} .post-list-masonry li {padding:0;margin:0;} .post-list-masonry li .media, .aside-hidden .post-list-masonry li .media, .aside-hidden .post-list-masonry li .media, .aside-hidden .post-list-masonry li .media {width:100%;} .post-list-masonry li .meta, .post-list-masonry li .media + .meta, .aside-hidden .post-list-masonry li .meta, .aside-hidden .post-list-masonry li .media + .meta {width:100%;} .post-list-masonry-col3 li {width:50%;} .post-list-masonry-col2 li {width:50%;} .post-list-masonry {margin:0 0 0 -15px;padding-top:0} .post-list-masonry .inner-wrap {margin:0 0 14px 15px;} .post-list-masonry li .meta {padding:15px !important;} .post-list-masonry li .meta strong {height:39px;font-size:1.33em;} .post-list-masonry li .meta .text {margin:14px 0;font-size:1em;width: 100%;max-height:6.65em;-o-text-overflow: ellipsis;text-overflow: ellipsis;text-overflow: ellipsis;overflow: hidden;-webkit-line-clamp: 4;-webkit-box-orient: vertical;display: -webkit-box;word-wrap: break-word;} .post-list-masonry li .meta-type .text {max-height:6.65em;} .post-list-masonry li .meta .more {display:inline-block;} .post-list-masonry li .meta .more a {font-size:0.833em;} .post-list-masonry li .meta .icon {left:0;} .post-list-masonry li .meta-type .more {display:none;} .post-list-masonry li .meta-type .entry-meta, .post-list-masonry li .meta-type .text, .post-list-masonry li .meta-type .origin, .post-list-masonry li .meta-type .link {padding-left:40px;margin-left:0;} div.masonry-more-view {padding:25px 0;} div.masonry-more-view a {width:40px;height:40px;background-size:40px 40px;} .paging-navigation {margin:20px 0;} .paging-navigation .pagination.loop-pagination {text-align:center;height:30px;} .paging-navigation .pagination.loop-pagination .page-numbers {margin: 0 2px;padding: 0;width: 30px;height: 30px;font-size: 1em;line-height: 30px;} #footer .widget-ct {margin-left:0 !important;} .widget-ct .widget {min-height:initial;} .widget-ct .tit {font-size:1.33em;} #footer .widget-ct .widget {margin:30px 0;padding:0 15px;} #footer .widget-ct {margin-left:0 !important;} #footer .widget {width:100%;margin-left:0 !important;} #footer .widget-ct .footer-widget-devider {display:block !important;padding:30px 15px;} .foot-area {width:100%;padding:0;} .foot-menu {float:none;padding:15px 0;} .foot-menu li {padding:5px 0;margin-right:15px;} .foot-menu li a {font-size:1.167em;} .familysite {float:none;margin-top:0px;margin-bottom:20px;} .familysite dt {padding:11px 14px;font-size:1em;} .familysite dd {top:-180px;height:180px;} .familysite dd ul li {padding:0;} .familysite dd ul li a {font-size:1em;padding:9px 14px;} .familysite dt span.arrow {right:15px;} .company-info .inner-wrap-1 {width:auto;margin:0 15px;} .company-info .inner-wrap-2 {width:auto;margin:0 15px;padding:20px 0;} .company-info h5 {float:none;margin-right:0;margin-bottom:20px;padding:8px 0;} .company-info h5 img {min-width:103px;} .company-info address {width:100%;font-size:0.917em;margin-bottom:20px;} .company-info .marks {width:100%;} .company-info .marks li {margin:0 0 10px 0;width: 23%;float: left;margin-right: 10px;} .company-info .marks li img {width:100%;min-width:100%;max-width:100%;height:auto;} .company-info .inner-wrap-3 {width:100%;padding:15px;text-align:center;} .company-info .inner-wrap-3 div.inner {width:100%;} .company-info .inner-wrap-3 div.inner .sns-link li a {width:35px;height:35px;background-size: 108px 35px;} .company-info .sns-link li.gg a {background-position:-72px 0;} .company-info .sns-link li.fc a {background-position:-37px 0;} .company-info .sns-link li.tw a {background-position:0 0;} .company-info .inner-wrap-3 div.inner .sns-link {position:static;float:none;margin:0;margin-bottom:15px;height:auto;} .company-info .inner-wrap-3 div.inner .copyRight {display:block;float:none;font-size:0.833em;line-height:1.52;text-align:left;} #POST-CONTENT h1 {font-size:1.667em;margin-bottom:10px;} #POST-CONTENT h2 {font-size:1.5em;margin-bottom:10px;} #POST-CONTENT h3 {font-size:1.33em;margin-bottom:10px;} #POST-CONTENT h4 {font-size:1.167em;margin-bottom:10px;} #POST-CONTENT h5 {font-size:1em;margin-bottom:10px;} #POST-CONTENT h6 {font-size:0.917em;margin-bottom:10px;} #POST-CONTENT p img {margin-bottom:12px;max-width:100%;} /*#POST-CONTENT p {font-size:0.917em;margin-bottom:10px;}*/ #POST-CONTENT p {/*font-size:1.3em;*/margin-bottom:10px;} #POST-CONTENT blockquote {margin:10px 0;padding: 0 0 0 30px;font-size: 0.833em;background: url(./images/ic_bq_open.png) 0 3px no-repeat;background-size:16px 15px;} #POST-CONTENT pre {margin: 10px 0;padding: 15px;line-height: 1.75;} #POST-CONTENT:after {height:20px;} .content-tools {font-size: 0;width: 100%;padding:0;} .tag-label {width:100%;padding:15px 0;border-bottom:1px solid #dbdbdb;height:auto} .tag-label dt {margin:0;width:auto;float:left;margin-right:10px} .tag-label dd{display:block;;float:left;width:75%} .tag-label dd, .tag-label dt {font-size:1em;} .sns-tool {width:100%;text-align:left;padding:15px 0} .sns-tool a {margin-right: 6px;margin-left:0;} #comments {border-top:1px solid #000} .comments-area {color:#686868;border-top:0px;} .comments-area .comments-title {padding:15px 0;font-size:1.167em;} .comments-area .comments-title > span {padding-left:5px;} .comment-wrap {position:relative;padding:14px;} .commentmetadata {float:left;} .commentmetadata .fn {font-size:0.833em;padding-right:5px;} .commentmetadata .comment-date {font-size:0.833em;} .buttonBox a {top: 15px;right: 15px;font-size:0.833em;text-align: right;} .comment-content {margin-top:24px;font-size:1em;line-height:1.5;} .children {margin-left:0;} .comment-form .writer-information-box {margin-top:10px;} .comment-list .comment-reply-title {padding-top:15px;margin-top:15px;border-top:1px solid #dbdbdb;} .comment-reply-title span.wrap {display:inline-block;padding-right: 10px;line-height:1.33;font-size: 1em;width:auto;vertical-align:top;} .comment-reply-title span.comment-notes {display:inline-block;font-size:0.667em;line-height:1.33;width:75%;vertical-align:top;} .comment-form .writer-information-box .writer_info {float:none;width:100%;padding: 0;margin-bottom:10px;} .comment-form .writer-information-box .writer_info input[type=text] {padding: 0 10px;height: 30px;line-height: 30px;font-size:1em;} .comment-form .writer-information-box .writer_info + p {float:none;width:100%;padding: 0;margin-bottom:10px;} .comment-form-comment {margin-top:20px; margin-bottom:10px;} .comment-form-comment textarea {height: 60px;padding: 10px;font-size: 1em;} .comment-privacy, .inner-comment-privacy {margin-top:15px;} .comment-respond {padding: 20px 0 15px;} .inner-form-submit {margin-top:10px;} .inner-form-submit input[type="submit"] {padding: 6px 18px;font-size: 1em;} .form-submit {margin:10px 0 50px 0;} .form-submit input[type="submit"] {padding: 6px 18px;font-size: 1em;} .comment-form-comment label.private_ok {font-size:0.667em;} .form-submit input[type="submit"] {padding: 6px 18px;font-size: 1em;} @media screen and (-webkit-min-device-pixel-ratio:0) { /* Safari only override */ ::i-block-chrome, .comment-form .writer-information-box .writer_info input[type=text] {padding:8px;line-height:initial;} } .content-meta {padding: 15px;background-color: #fafafa;margin: -15px 0 30px;} .content-meta-type .text, .content-meta-type .origin, .content-meta-type .link {padding-left: 40px;} .content-meta-type .text {font-size: 1.167em;max-height:85px;min-height: 40px;line-height:1.22;} .content-meta-type .origin {font-size: 1em;} .content-meta-type .link {font-size:1em;} .content-meta .icon {width: 27px;height: 27px;background-size: 27px 27px;} .box-item .widget-ct .widget ul li a span {max-width:250px;} #header .top-drawer h4 span a {font-size:18px;} #container .topImgArea > div div.copy {/*display:block;padding-top:20px;*/height: 75px;} #container .topImgArea > div div.copy .mainCopy {font-size:1.4em;} #container .topImgArea > div div.copy .subCopy {font-size:0.833em;} } #BBSE-CONTENT p {font-size:1.167em;} #bbse_board p {font-size:initial;} #bbse_board .fixed_img_col li {width:190px !important;} #bbse_board a:hover {color:#969696} /* 헤더/바디 서랍효과 */ .touchslider-viewport, .touchslider-viewport div .touchslider-item {width:100%} .touchslider-viewport div .touchslider-item img {display:block;width:100%;height:auto;} .touchslider-viewport div {width:100% !important;} .main-cont .carousel {width:100%;height:600px;background:#fff} .box-wrap {position:relative;border:8px solid #fff;background:#fff;} .masonry {position:relative;margin:0;padding:0;} .masonry .masonry-box {position:absolute;right:-512px;margin:0;padding:0;list-style:none;display:none} .masonry-box {z-index:1;overflow:hidden;} .masonry-box {background-size:cover;background-position:50% 50%} /*.masonry-box {position:relative;}*/ .masonry-box .thumb {overflow:hidden;background-size:cover;background-position:50% 50%;} .masonry-box .tit {margin:0 0 20px 0;padding:15px 20px 0 20px;line-height:28px;font-size:0px;overflow:hidden;} .masonry-box .tit a { display:inline-block; color:#000; width:100%; height:100%; max-height:144px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; line-clamp: 5; -webkit-line-clamp: 5; -webkit-box-orient: vertical; display: -webkit-box; } .masonry-box .meta {position:absolute;left:0;bottom:15px;padding:0 20px;width:100%;line-height:1.5em;font-size:0px;color:#000;overflow:hidden;} .masonry-box .meta a {color:#000} .masonry-box:hover .meta, .masonry-box:hover .meta a{color:#fff} .masonry-box .innerBlock {position:absolute;bottom:0;right:0;width:100%;height:100%;background-color:rgba(255,255,255,0.9);overflow:hidden;} .masonry-box:hover .innerBlock {background:#fff !important;;opacity:0.9;color:#fff} .masonry-box:hover .innerBlock a {color:#000} .masonry-box:hover .innerBlock .tit div{color:#fff} .masonry-box:hover .innerBlock .meta{color:#fff} .masonry-box:hover .innerBlock a{color:#fff} .masonry-box .innerBlock:hover {background:#2dd985 !important;;opacity:0.9;color:#fff} .masonry-box .innerBlock:hover .meta{color:#fff} .masonry-box .innerBlock:hover a{color:#fff} .masonry-box.masonry-11 {width:25%;} .masonry-box.masonry-11 {background-size:cover} .masonry-box.masonry-11 .innerBlock {width:0%;height:0%;margin:%} .innerBlock:hover .tit div{color:#fff} .masonry-box.masonry-12 {width:25%;} .masonry-box.masonry-12 .innerBlock {width:0%;height:5%;margin:%;} .masonry-box.masonry-21 {width:50%;} .masonry-box.masonry-21 .innerBlock {float:left;width:0%;height:0%;margin:0%;} .masonry-box.masonry-22 {width:50%;} .masonry-box.masonry-22 .innerBlock {float:left;width:0%;height:0%;margin:0%;} .masonry-box .innerBlock.page {display:none;text-align:center;line-height:1.8em;transition:all 0.3s;text-indent:-9999px} .masonry-box:hover .innerBlock.page {display:block;transition:all 0.3s;background:#2dd985 url("./images/ic_normallist_ovr.png") center no-repeat;opacity:0.9} .masonry-box.masonry-11:hover .innerBlock.page{width:90% !important;height:90% !important;margin:5% !important} .masonry-box.masonry-12:hover .innerBlock.page{width:90% !important;height:95% !important;margin:5% !important} .masonry-box.masonry-21:hover .innerBlock.page{width:95% !important;height:90% !important;margin:2.5% !important} .masonry-box.masonry-22:hover .innerBlock.page{width:96% !important;height:96% !important;margin:2% !important} .masonry-box .innerBlock.page .tit {display:block;overflow:hidden;margin:0;padding:0;width:100%;height:100%;background:#2dd985 url("./images/ic_normallist_ovr.png") center no-repeat;opacity:0.9} .masonry-box .innerBlock.page .tit a {display:block;overflow:hidden;width:100%;height:100%;background:#2dd985 url("./images/ic_normallist_ovr.png") center no-repeat;opacity:0.9} .masonry-box {position:relative;border:8px solid #ffffff;background-repeat:no-repeat} .masonry-box .innerBlock > .tit .link {display:block;overflow:hidden;position:absolute;top:0;left:0;width:100%;height:100%} .masonry-box.masonry-11 {width:240px;height:240px;} .masonry-box.masonry-12 {width:240px;height:496px;} .masonry-box.masonry-21 {width:496px;height:240px;} .masonry-box.masonry-22 {width:496px;height:496px;} @media only screen and ( max-width: 1044px ){ .post-list-masonry-col3 li {width:33.2%;} .masonry-box .excerpt {padding:0 15px;width:100%;line-height:1.4em;font-size:95%;} .main-lists ul {bottom:15px;padding:0 30px 0 30px;} .main-lists .lt-list li a {font-size:13px;color:#fff;} } @media only screen and ( max-width: 1024px ){ .main-cont #main_visual {display:none} .masonry-box .tit {margin:0 0 10px 0;padding:15px 15px 0 15px;font-size:18px;line-height:22px} .masonry-box .excerpt {padding:0 15px;width:100%;line-height:1.4em;font-size:95%;} .main-lists ul {bottom:15px;padding:0 30px 0 30px;} .main-lists .lt-list li a {font-size:13px;color:#fff;} .masonry-box .meta {position:absolute;left:0;bottom:15px;padding:0 15px;width:100%;line-height:1.5em;font-size:11px;color:#000;overflow:hidden;color:#000} } @media only screen and ( max-width: 920px ){ .masonry-box .tit {margin: 0 0 10px 0;padding: 15px 15px 0 15px;font-size: 16px;line-height: 18px;} .masonry-box .tit div{color:#000;max-height:74px;-o-text-overflow: ellipsis;text-overflow: ellipsis;text-overflow: ellipsis;overflow: hidden;-webkit-line-clamp: 4;-webkit-box-orient: vertical;display: -webkit-box;word-wrap: break-word;} } @media only screen and ( max-width: 800px ){ #header .top-drawer h4 span button.close {width: 32px;height: 32px;background-size: 50%;top: 22%;} .masonry-box .tit {margin:0 0 10px 0;padding:15px 15px 0 15px} .masonry-box .excerpt {padding:0 15px;width:100%;line-height:1.4em;font-size:1.2em;} .main-lists ul {bottom:15px;padding:0 30px 0 30px;} .main-lists .lt-list li a {font-size:1.2em;color:#fff;} .post-list-masonry-col3 li {width:49.5%;} .masonry-box.masonry-11 .excerpt, .masonry-box.masonry-12.image-t .excerpt, .masonry-box.masonry-21 .excerpt, .masonry-box.masonry-22.image-t .excerpt {height:5.7em;} .masonry-box.masonry-12.image-b .excerpt, .masonry-box.masonry-22.image-b .excerpt {height:18em;} .widget-tag-box .tag-cloud a {display:inline-block;font-weight:700 !important; font-size:1em !important;border:1px solid #E3E3E2;padding: 14px;margin:0 6px 10px 0;vertical-align:top;border:1px solid #bbb;color:#000;} } @media only screen and ( max-width: 640px ){ .tag-label{width:100%} .masonry-box .tit div{max-height:70px;-o-text-overflow: ellipsis;text-overflow: ellipsis;text-overflow: ellipsis;overflow: hidden;-webkit-line-clamp: 3;-webkit-box-orient: vertical;display: -webkit-box;word-wrap: break-word;} } @media only screen and ( max-width: 480px ){ .masonry-box .tit {font-size:14px;line-height:18px;padding:10px 10px 0 10px} .masonry-box .tit div{color:#000;max-height:70px;-o-text-overflow: ellipsis;text-overflow: ellipsis;text-overflow: ellipsis;overflow: hidden;-webkit-line-clamp: 3;-webkit-box-orient: vertical;display: -webkit-box;word-wrap: break-word;} .main-lists .more {right:15px;font-size:1em;} .main-lists ul {padding:0 30px 0 15px;} .main-lists .lt-list li div {width:100%;height:1.8em;overflow:hidden} .masonry-box .meta {position:absolute;left:0;bottom: 10px;padding: 0 10px;width:100%;line-height:12px;font-size:11px;color:#000;overflow:hidden;color:#000;height:24px} .masonry-box.masonry-11 .excerpt, .masonry-box.masonry-12.image-t .excerpt, .masonry-box.masonry-21 .excerpt, .masonry-box.masonry-22.image-t .excerpt {height:4.3em;} .masonry-box.masonry-12.image-b .excerpt, .masonry-box.masonry-22.image-b .excerpt {height:14em;} } @media only screen and ( max-width: 400px ){ .post-list-masonry-col3 li {width: 100%} } /*일반 슬라이드*/ #main_visual {position:relative;margin-bottom: -136px;padding:0;width:100%;overflow:hidden;height:600px;} #carousel {position:relative;width:inherit;height:inherit;} #carousel li.slide {position:absolute;width:inherit;height:inherit;text-align:center;} #carousel li.slide a {display:block;width:inherit;height:inherit;} #carousel li.slide img, #carousel li.slide a img {width:auto;height:inherit;position: absolute;left: 50%;top: 0;margin-left:-960px;} #main_visual .carousel_control {position:absolute;bottom:166px;left:50%;z-index:11;height:28px;border-radius:14px;padding:0 15px;margin:0 0 0 -470px ;text-align:left;background:url("./images/bg_control.png") repeat 0 0} #main_visual .carousel_control ul {width:auto;margin:0 auto;text-align:center;} #main_visual .carousel_control li.cImg {display:inline-block;width:20px;height:28px;line-height:28px;text-align:center;font-size:12px;overflow:hidden;cursor:pointer;color:#555} #main_visual .carousel_control li.cImg.on, #main_visual .carousel_control li.cImg:hover {color:#fff} #main_visual .play_control {position:absolute;bottom:166px;left:50%;width:28px;height:28px;z-index:11;padding:0;margin:0 0 0 -512px;text-align:left;background:url("./images/bg_control.png") repeat 0 0;border-radius:14px} #main_visual .play_control li {width:28px;height:28px; background:url("./images/btn_stop.png") no-repeat 12px center; overflow:hidden; cursor:pointer; text-indent:-9999px;background-size:24% } #main_visual .play_control li.controlOn { background:url("./images/btn_play.png") no-repeat 11px center;background-size:24%} #main_visual .play_control li span {display:block;padding:0 0 0 25px;width:100%;height:100%;} /*레볼루션 슬라이드*/ #main_visual.revslider {margin-bottom:0;height:auto;} .gallery-caption {} .bypostauthor {} #bbse_board .mce-btn {margin:2px 2px 0 ;padding:0 1px 4px 2px;} #bbse_board .mce-btn i {font-style:normal;font-family:dashicons} #bbse_board .quicktags-toolbar input {margin:4px 2px 2px;padding:0 8px 1px;font-size:12px;height:26px;line-height:24px;border:1px solid #b4b4b4;border-top:3px solid #b4b4b4;box-shadow:0 3px 2px -1px #eee;text-shadow: -1px -1px #fff;cursor:pointer;border-radius:3.1px;background: #ffffff;font-weight: bold;} #bbse_board .tbl_type_g1 td.img1 img{ max-width: 100%; } /*수정*/ .wrap-gnb > .custom_top_header{ width: 100%; background: #fff; border-bottom: 1px solid #dadada;} /*padding: 4px 0 0px; + background: #f5f5f5 > #fff */ .wrap-gnb > .custom_top_header > .custom_top{ width: 1100px; margin: 0 auto; height: 74px; line-height: 38px; } /*최상단 가로사이즈 수정 width: 1257px > 1100px로 + padding-bottom: 1px; 제거 */ .wrap-gnb .custom_top_header > .custom_top .headTop_sns { display: inline-block; margin: 1px 0 0 0px; padding: 0; list-style: none; line-height: normal; vertical-align: middle; } /* infurni = margin: 5px 0 11px; > margin: 5px 0 5px 0; 1px 0 2px 0 */ .wrap-gnb .custom_top_header > .custom_top .headTop_sns li { float: left; text-align: center; /*border-left: 1px solid #cacaca;*/ height: 26px; line-height: 22px; /*padding: 0 10px;*/ padding-right: 8px; } .wrap-gnb .custom_top_header > .custom_top .headTop_sns li a { display: block; } .wrap-gnb .custom_top_header > .custom_top .headTop_sns li a span{ font-size: 12px; letter-spacing: 0.5px; vertical-align: middle; color: #000} /*infurni*/ .wrap-gnb .custom_top_header > .custom_top .headTop_sns li.hp{ border-right: 1px solid #cacaca; } .c_menu{ display: table-cell; } .c_menu > ul > a > li { list-style: none; display: inline-block; width: 266.5px; height: 37px; line-height: 36px; text-align: center; font-size: 17px; border-radius: 7px 7px 0 0; border-top: 1px solid #d2d2d2; border-left: 1px solid #c3c3c3; border-bottom: 1px solid #c3c3c3; background-color: #dedede; cursor: pointer; float: left; /*padding: 7px 0;*/ color: #000000; } /* infurni = 좌측 메뉴 수정 > 상단 마진값 30 추가 + border-radius추가 padding: 15px 0; > 12px 0 >10px 0 > 7px 0 */ .c_menu > ul > a:last-child > li{ /*border-right: 1px solid #cbcbcb;*/ } .c_menu > ul > a > li.active, .c_menu > ul > a > li:hover{ background-color: #686565; color: #fff; border-color: #686565; } .cmobile-menu{ display: none; } .c_menu> ul > a:last-of-type li {border-right: 1px solid #d4d4d4;border-left: 1px solid #777777;} .c_menu-2_right {width: 1100px;margin: 0 auto;position: relative;} .c_menu-2_right-menu {position: absolute;right: 0;bottom: -7px} .c_menu-2_right-menu ul {list-style: none;display: inline-block;margin: 0;padding: 0;} .c_menu-2_right-menu ul a {float: left; padding: 0 5px; border-right: 1px solid #c5c5c5; line-height: 12px ;} .c_menu-2_right-menu li { font-size: 13px ; color: #242424; } .c_menu-2_right-menu li:hover {color: #9e9e9e;} a.c_menu-2_right-sub { border-right: 0 !important; padding-right: 0 !important;} @media only screen and (max-width: 1024px){ .custom_top_header{ display:none; } .cmobile-menu{ display: block; } } /*새로추가 웹용*/ @media screen and ( min-width: 1025px ) { #gnb ul.menu-depth-1 > li:hover > a {font-weight: bold} .mobile-table {display: none} /*infurni 추가 */ #gnb ul.menu {overflow-y: visible !important;} } .mobile_place{ display: none; width: 100%; height: auto/*height: 86px>auto=in*/; /*background: #e1e1e1;=in제거 */} .mobile_place > ul{ list-style: none; width: 100%; display: inline-block; margin: 0; padding: 0;} .mobile_place > ul > a > li{ float: left; width: 33.33%; text-align: center; border-bottom: 1px solid #d3d2d2; border-left: 1px solid #d3d2d2; background: #ebebeb; padding: 7px 0; font-size: 11pt; color: #000; font-family: 'Noto Sans', 'NanumGothic', 'Nanum Gothic', sans-serif;} .mobile_place > ul > a > li:hover, .mobile_place > ul > a > li.active{ background: #fff; } @media only screen and (max-width: 1024px){ .mobile_place{ display: inline-block; } #header .wrap-gnb{ min-height: 110px;/*기존=min-height: 186px > in=150> 110px수정(인퍼니몰제거) */ } } @media only screen and (max-width: 767px){ #header .wrap-gnb { min-height: 92px; } /*in=min-height: 146px > 130px 수정 > 92px수정(인퍼니몰제거)*/} @media only screen and (max-width: 763px){ .mobile_place > ul > a > li{ width: 33.33%; } } @media only screen and (max-width: 681px) { /*infurni 추기 */ #gnb h1.logo a img{width: 70%;height: auto;} } @media only screen and (min-width: 740px) { /*infurni 추기 */ ul.masonry li:hover { opacity: 0.5; } } #main_visual { position: relative; margin-bottom: -136px; padding: 0; width: 100%; overflow: hidden; height: 600px; z-index: 0; } @media screen and ( max-width: 400px ){ .mobile-table .m_txt span { font-size: 12px;} } @media screen and ( max-width: 360px ){ .mobile-table .m_txt span { font-size: 10px;} } /* ▼ infurni ▼*/ @media only screen and (max-width: 570px) { #header .top-drawer div { width: 100%; background-size: 1400px; height: 70px; background-position: 50%; background-color: #faf2e7; } } @media only screen and (max-width: 480px) { #header .top-drawer button.close { top: 10%; right: 5px; width: 30px; height: 30px; background-size: 60%; } } /*in++페이지동영상*/ .video-container {position:relative;padding-bottom:56.25%;/*padding-top:30px;*/height:0;overflow: hidden;width: 80%;margin: 0 auto; } .video-container iframe,.video-container object,.video-container embed {position:absolute;top: 0;left:0;width:100%;height:100%;} /*--------------*/