/* =+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+ [테마 수정 시 주의사항] 1. 워드프레스(Wordpress)의 업데이트 방식은 기존 테마/플러그인을 삭제 한 후 재설치 하는 방식입니다. 업데이트 시 모든 수정사항이 초기화 되므로 테마를 수정하시는 경우, 차일드테마(Child Theme) 방식을 이용해 주시기 바랍니다. 2. 차일드테마(Child Theme)를 이용한 수정 방법 : https://codex.wordpress.org/ko:Child_Themes =+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+ */ /* Theme Name: eHospital24 Theme URI: http://demo-hospital.bbsetheme.com Author: BBS e-Theme Author URI: http://www.bbsetheme.com License: GNU General Public License, v2 License URI: http://www.gnu.org/licenses/gpl.html Description: 테마환경설정, 카테고리템플릿(갤러리/리스트), 반응형, SEO, SNS공유, 보안서버설치가능, BBS e-Plugin과 호환되며 업데이트 발생 시 알림표시를 제공합니다. Version: 2.4.7 Tags: 흰색, 밝음, 1열, 좌측 사이드바, 우측 사이드바, 반응형 레이아웃, 블라바타, 사용자 정의 메뉴, 테마 옵션 본 테마는 워드프레스와 동일한 GPL 라이센스의 테마입니다. 임의대로 수정,삭제 후 이용하셔도 됩니다. 단, 재배포 시 GPL 라이센스로 재배포 되어야 하며, 원 제작자의 표기를 해주시기 바랍니다. ‘Hospital' WordPress Theme, Copyright 2014 BBS e-Theme(http://www.bbsetheme.com) ‘Hospital' is distributed under the terms of the GNU GPL */ /* =Reset -------------------------------------------------------------- */ @charset "utf-8"; @import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); @import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css); /* Reset */ * {margin:0; padding:0} html, body {overflow-x:hidden} body {margin:0; padding:0; height:100%; font-size:12px; line-height:1.0; color:#969696; font-family:'NanumGothic','Nanum Gothic', Dotum, Arial, sans-serif} 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', Dotum, Arial, sans-serif} 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:#969696; text-decoration:none; cursor:pointer} a:hover,a:focus {text-decoration:none} 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;} .png24 {tmp:expression(setPng24(this));} .clearfix:after { content:" "; display:block; clear:both; height:0;visibility:hidden; font-size:0; } * html .clearfix { _zoom:1; } /* IE6 */ *:first-child+html .clearfix { _zoom:1; } /* IE7 */ .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:#ff6262 !important;} body {color: #969696;} /* layout */ #wrap {width:100%;background-color:#FFF; box-shadow:0 8px 12px rgba(0, 0, 0, .5); position:relative; overflow:hidden; } #wrap.box-layout {width:1200px;margin:0 auto;overflow:hidden;padding:0 0px;} #header {position:fixed;top:0;width:100%;background:#fff;z-index:999;box-shadow:0px 2px 5px rgba(0,0,0,0.2);} #wrap.box-layout #header {width:1200px;left:50%;margin-left:-600px;} #header .util-container {border:1px solid #f3f3f3;border-left:0;border;right:0;} #header .wrap-util {width:1160px;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%;min-height:50px;} #header .wrap-util > div ul li a {vertical-align: middle} #header .wrap-util .sns-util {display:inline;float:right;padding-left:11px;margin-right:21px;} #header .wrap-util .sns-util li a {display:inline-block;margin:12px 8px 0;width:26px;height:26px;overflow:hidden;} #header .wrap-util .sns-util li a.tw {background: url(images/ic_sns_tw.png) 50% 50% no-repeat;background-size:26px 26px;} #header .wrap-util .sns-util li a.fc {background: url(images/ic_sns_fc.png) 50% 50% no-repeat;background-size:26px 26px;} #header .wrap-util .sns-util li a.gg {background: url(images/ic_sns_gg.png) 50% 50% no-repeat;background-size:26px 26px;} #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;} #header .wrap-util .custom-util li:nth-child(2) {padding-left:65px;} #header .wrap-util .custom-util li a {display:inline-block;min-height:50px;line-height:50px;font-size:0.917em;padding-left:24px;color:#d0d0d0;} #header .wrap-util .custom-util li a.email {min-width:24px;background:url(images/ic_cu_email.png) 0 50% no-repeat;} #header .wrap-util .custom-util li a.phone {background:url(images/ic_cu_phone.png) 0 50% no-repeat;} #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 {float:right;border-top:0;border-bottom:0;} #header .wrap-util .util li a {color:#b3b3b3;font-size:1.083em;font-weight:700;line-height:50px;} #header .wrap-util .util li:first-child:after {float:right;display:block;content:'';height:50px;width:21px;} #header .wrap-util:after {display:block;height:0;content:'';clear:both;} #header .wrap-util .flag-util ul > li {float:left; padding: 15px 10px 0 0;} #gnb {position:relative;width:1160px;margin:0 auto;padding:19px 0;z-index:30;} #gnb h1.logo {float:left;display:table;} #gnb h1.logo a {display:table-cell;height:72px;vertical-align:middle;overflow:hidden;} #gnb h1.logo a img {width:166px;height:auto;} #gnb h1.logo span {display:none} #gnb .inner-wrap {float:right;width:auto;} #gnb ul li {background:none;} #gnb ul.menu {float:left;margin-top:29px;margin-left:0;} #gnb ul.menu > li {position:relative;float:left;margin-right:37px;padding-bottom:6px;border-bottom:2px solid transparent;} #gnb ul.menu > li.active > a {color:#ff6262;} #gnb ul.menu > li:last-child {margin-right:0px;} #gnb ul.menu > li > a {font-size:1.25em;font-weight:700;color:#535353;position:relative;z-index:20;} #gnb ul.menu > li:hover > a {color:#ff6262;}/* customer color set */ #gnb ul.menu > li > div.menu-depth-1 {position:absolute;top:0;left:0;z-index:-1;display:inline-block;width:100%;height:62px;} #gnb ul.menu > li.hover ul.menu-depth-1, #gnb ul.menu > li:hover ul.menu-depth-1 {display:block;position:absolute;top:0px;left:0;} #gnb ul.menu-depth-1 {position:relative;display:none;width:234px;margin-top:62px;box-shadow:0px 4px 5px rgba(0,0,0,0.2);z-index:999;} #gnb ul.menu-depth-1 > li {position:relative;width:100%;background:#fff;} #gnb ul.menu-depth-1 > li.menu-item-has-children {background:url(images/ic_hasChild.png) 89.31623931623932% 50% no-repeat #fff;} #gnb ul.menu-depth-1 > li.menu-item-has-children:hover {background:url(images/ic_hasChild_ovr.png) 89.31623931623932% 50% no-repeat #fff;} #gnb ul.menu-depth-1 > li a {display:inline-block;width:100%;hiehgt:83.33333333333333%;color:#535353;margin:0 21px;padding:18px 25px;font-size:1.083em;font-weight:700;border-bottom:1px solid #f0f0f0;} #gnb ul.menu-depth-1 > li:hover > a {color:#ff6262;}/* customer color set */ #gnb ul.menu-depth-1 > li.hover ul.menu-depth-2, #gnb ul.menu-depth-1 > li:hover ul.menu-depth-2 {display:block;position:absolute;top:0;left:234px;} #gnb ul.menu-depth-2 {position:relative;display:none;width:234px;box-shadow:0px 4px 5px rgba(0,0,0,0.2);background:none;z-index:999;} #gnb ul.menu-depth-2 > li {background:#fff;} #gnb ul.menu-depth-1 > li a {display:inline-block;width:83.33333333333333%;hiehgt:100%;color:#535353;margin:0 21px;padding:18px 0px;font-size:1.083em;font-weight:700;border-bottom:1px solid #f0f0f0;} #gnb ul.menu-depth-2 > li:hover > a {color:#ff6262;}/* customer color set */ #gnb ul li button.open-child {display:none;} #gnb ul.menu-depth-1 li > button.open-child { position: absolute; top: 8px; right: 12px; display: inline-block; width: 32px; height: 32px; background: transparent; z-index: 9999; } #gnb ul 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 > button {display:none;} #gnb:after {display:block;height:0;content:'';clear:both;} .ag-ct #gnb {text-align:center;padding:14px 0;} .ag-ct #gnb ul li {text-align:left;} .ag-ct #gnb h1.logo {float:initial;position:absolute;left:50%;margin-left:-88px;} .ag-ct #gnb ul.menu {margin-top:99px;position:relative;float:none !important;} .ag-ct #gnb ul.menu > li:last-child {margin-right:0px;} .ag-ct #gnb ul.menu > li:hover ul.menu-depth-1 {display:block;position:absolute;left:0;} .ag-ct #gnb ul.menu-depth-1 {margin-top:33px;} .ag-ct #gnb .inner-wrap {float:none;display:inline-block;margin:0 auto;float:none !important;} .ag-rt #gnb h1.logo {float:right;} .ag-rt #gnb .inner-wrap {float:left;} .ag-rt #gnb ul.menu {float:right;} .ag-rt #gnb .custom-util{} .ag-rt .wrap-util .custom-util {float:left !important;} .ag-rt .wrap-util .util {float:left !important;} .ag-rt .wrap-util .sns-util {float:left !important;} .ag-rt .wrap-util .sns-util {padding-right: 11px;margin-left: 21px;padding-left: 0 !important;margin-right: 0 !important;} .scrolled #gnb {padding:0; -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;} .ag-ct .scrolled #gnb {padding:10px 0; -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;} .ag-ct .scrolled #gnb ul.menu {margin-top:80px; -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;} .ag-ct .scrolled #gnb h1.logo {margin-left:-58px; -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;} .scrolled #gnb h1.logo a img {width:116px;height:auto; -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;} .scrolled #gnb ul.menu-depth-1 {margin-top:43px;} .ag-ct .scrolled #gnb ul.menu-depth-1 {margin-top:33px;} /*------------------- main-page -------------------*/ #mainContainer {margin-top:162px;} #mainContainer:after {display:block;content:'';clear:both;height:0;} .main-cont {} .main-cont:after {display:block;content:'',height:0;clear:both;} /* topchslider */ .touchslider-item span.img {position:relative;display:inline-block; width:100%;height:650px;background-size:cover !important;} .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;vertical-align:middle;} .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;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;} .touchsliderAutoPlayToggle {display:inline-block;height:22px;width:22px;cursor:pointer;margin-left:8px;vertical-align:middle;} .touchsliderAutoPlayOn {background:url(images/btn_slide_stop.png) 50% 50% no-repeat;} .touchsliderAutoPlayOff {background:url(images/btn_slide_play.png) 50% 50% no-repeat;} .main-touchslider {position:relative;display:block;height:650px;overflow:hidden;} .main-touchslider .msg {width:1160px;left:50%;margin-left:-580px;} .main-touchslider .msg .cell .title {padding-bottom:23px;font-size:3em;color:#fff;font-weight:900;text-align:left;white-space:pre-line;} .main-touchslider .msg .cell .copy {font-size:2.167em;color:#fff;text-align:left;} .main-touchslider .touchslider-prev {position:absolute;top:50%;left:24px;width:80px;height:80px;margin-top:-40px;background:url(images/btn_slider_prev.png) 50% 50% no-repeat;cursor:pointer;z-index:95;} .main-touchslider .touchslider-next {position:absolute;top:50%;right:24px;width:80px !important;height:80px;width:80px;margin-top:-40px;height:80px;background:url(images/btn_slider_next.png) 50% 50% no-repeat;cursor:pointer;z-index:95;} .main-touchslider .touchslider-prev:hover {background:url(images/btn_slider_prev_ovr.png) 50% 50% no-repeat; -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;} .main-touchslider .touchslider-next:hover {background:url(images/btn_slider_next_ovr.png) 50% 50% no-repeat; -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;} .main-touchslider .touchslider-nav {position:absolute;bottom:50px;left:0%;width:100%;margin:-8px 0 0 0;text-align:center;} .main-touchslider .touchslider-nav .inner-wrap {padding:3px;border-radius:10px;background-color:transparent;} .main-touchslider .touchslider-nav-item-1, .main-touchslider .touchslider-nav-item-2, .main-touchslider .touchslider-nav-item-3, .touchsliderGallery-touchslider-nav-item-1, .touchsliderGallery-touchslider-nav-item-2 {display:inline-block;color:rgba(255,255,255,0.3);cursor:pointer;margin:0 2px;font-size:12px;} .main-touchslider .touchslider-nav-item-current-1, .main-touchslider .touchslider-nav-item-current-2, .main-touchslider .touchslider-nav-item-current-3, .touchsliderGallery-touchslider-nav-item-current-1, .touchsliderGallery-touchslider-nav-item-current-2 {color:rgba(255,255,255,0.9);} .main-touchslider-1 .msg .cell .copy {white-space:pre-line;} .main-touchslider-1 .touchslider-item .msg .cell div span {line-height:1.33;} .main-touchslider-1 .msg .cell .title {padding-bottom:32px;} .main-touchslider-1 .msg .cell .copy {font-size:1.083em;} .main-touchslider-2 {height:600px !important;} .main-touchslider-2 .touchslider-item span.img {height:600px !important;} .main-touchslider-2 .touchslider-item .msg .cell .title, .main-touchslider-2 .msg .cell .copy {font-size:12px;} .main-touchslider-2 .msg {width: 1160px;left: 50%;margin-left: -580px;} .main-touchslider-2 .touchslider-item .msg .cell .title {padding-bottom:35px;} .main-touchslider-2 .touchslider-item .msg .cell .copy {text-align:center;} .main-touchslider-2 .touchslider-item .msg .cell div span.author {padding-top:0;font-size:1.583em;color:#fff;} .touchslider-item .msg .cell div span.bq {position:relative;display: inline-block;width:100%;padding:0 0 38px;font-size:2.833em;font-weight:400;line-height:1.44;white-space:pre-line;word-break: break-all; text-align:center;color:#fff;} .touchslider-item .msg .cell div span.bq .design-line {position:absolute;bottom:0;left:50%;height:2px;width:28px;margin-left:-14px;background:#fff;} .touchslider-item .msg .cell div span.author {padding-top:43px;color:#575757;font-size:1.083em;} /* programs */ .aboutUs {margin-bottom:73px;} .aboutUs .aboutUsTitle {position:relative;width:1160px;margin:0 auto;padding:72px 0;text-align:center;} .aboutUs .aboutUsTitle span {display:block;} .aboutUs .aboutUsTitle .title {position:relative;padding-bottom:20px;font-size:2.75em;color:#333;font-weight:900;} .aboutUs .aboutUsTitle .copy {margin-top:40px;font-size:1.417em;color:#929292;line-height:1.88;color:#777;white-space:pre-line;} .aboutUs .aboutUsTitle .design-line {position:absolute;width:88px;bottom:0;left:50%;margin-left:-44px;height:1px;background:#000;} .aboutUs .ct_gallery {clear:both;width:1160px;margin:0 auto;} .aboutUs .ct_gallery .gallery ul {font-size:0;margin-left:-2.58620689655172%;text-align:center;} .aboutUs .ct_gallery .gallery ul li {position:relative;display:inline-block;width:25%;padding-left:2.58620689655172%;margin-bottom:30px;font-size:12px;} .aboutUs .ct_gallery .gallery ul.cnt2 li {width:50%;} .aboutUs .ct_gallery .gallery ul.cnt3 li, .aboutUs .gallery ul.cnt6 li {width:33.3333333%;} .aboutUs .ct_gallery .gallery li .bg {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; filter: alpha(opacity=0); } .aboutUs .ct_gallery .gallery li.hover .bg { -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:.9; filter: alpha(opacity=90); } .aboutUs .gallery li .bg {background-color:#ff6262;}/* customer color set */ .aboutUs .gallery li .wrap {position:relative;background-color:#e2e2e2;} .aboutUs .gallery li .wrap img{display:block;width:100%;height:auto;border:none;} .aboutUs .gallery li .text {position:absolute;top:0;left:0;display:table;width:100%;height:100%;} .aboutUs .gallery li .text .cell {position:relative;display:table-cell;height:100%;width:100%;vertical-align:middle;text-align:center;} .aboutUs .gallery li .wrap a.golink {position:absolute;display:inline-block;top:0;left:0;width:100%;height:100%;} .aboutUs .gallery li .cell .title {display:block;color:#fff;font-weight:700;font-size:1.083em;} .aboutUs .gallery li .text .cell .title, x:-moz-any-link, x:default {display:none;} /*Firefox*/ .aboutUs .gallery li .title .plus {display:none;} .aboutUs .gallery li.hasMoreView .title .plus {display:inline-block;} .aboutUs .gallery li.hover .text .cell .title {display:block;margin-bottom:25px;} .aboutUs .gallery li .programs-link {display:none;width:52px;height:52px;background:url(images/btn_programs_link.png) 50% 50% no-repeat;} .aboutUs .gallery li.hover .programs-link {display:inline-block;} .aboutUs .gallery li .programs-link em {visibility:hidden; width:0; height:0; font-size:0; line-height:0} .aboutUs .guide {width:1160px;margin:70px auto 0;} .aboutUs .guide ul {font-size:0;margin-left:-6.46551724137931%;text-align:left;} .aboutUs .guide ul li {position:relative;display:inline-block;width:33.3333333%;padding-left:6.46551724137931%;margin-bottom:74px;color:#777;font-size:12px;vertical-align:top;text-align:left;} .aboutUs .guide ul.cnt1 li, .aboutUs .guide ul.cnt2 li {width:50%;} .aboutUs .guide ul.cnt3 li, .aboutUs .guide ul.cnt6 li {width:33.3333333%;} .aboutUs .guide .inner-wrap {position:relative;padding-left:72px;} .aboutUs .inner-wrap {position:relative;min-height:56px;padding-left:72px;} .aboutUs .inner-wrap .circle {position:absolute;top:0;left:3px;display:inline-block;border-radius:50%;width:56px;height:56px;} .aboutUs .inner-wrap .circle .ic {display:inline-block;width:100%;height:100%;background-repeat:no-repeat;background-position:1px 0px !important;} .aboutUs .inner-wrap .circle {background:#ff6262;} /* customer color set */ .aboutUs .inner-wrap h3 {font-size:1.417em;color:#000;margin-bottom:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .aboutUs .inner-wrap p {/*height:84px;*/font-size:1.33em;line-height:1.33;} .aboutUs .gallery:after, .aboutUs .ct_gallery:after, .aboutUs:after {display:block;height:0;content:' ';clear:both;} /* team */ .team {width:1160px;padding:0 0 98px;margin:0 auto;} .team h3 {position:relative;width:1160px;margin:0 auto;padding:72px 0;text-align:center;} .team h3 span {display:block;} .team h3 span.title {position:relative;padding-bottom:20px;font-size:2.75em;color:#333;font-weight:900;} .team h3 span.copy {margin-top:40px;font-size:1.417em;color:#929292;line-height:1.88;color:#777;white-space:pre-line;} .team h3 span.design-line {position:absolute;width:88px;bottom:0;left:50%;margin-left:-44px;height:1px;background:#000;} .team-members ul {font-size:0;text-align:center;margin-left:-10%;} .team-members ul li {position:relative;display:inline-block;font-size:12px;width:50%;padding-left:10%;color:#9a9a9a;margin:25px 0;vertical-align:middle;} .team-members ul.cnt1 li, .team-members ul.cnt2 li, .team-members ul.cnt4 li {width:50%;} .team-members .wrap_thumb {display:inline-block;float:left;width:34.72803347280335%;vertical-align:middle;} .team-members .wrap_info {display:inline-block;float:left;width:65.27196652719665%;text-align:left;padding-left:56px;vertical-align:middle;} .team-members .wrap_info a.name {display:block;color:#333;font-size:1.417em;font-weight:600;margin-top:49px;padding-bottom:16px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .team-members .wrap_info span {display:inline-block;font-size:1.333em;line-height:1.18;height:52px;overflow:hidden;} .team-members .thumb {position:relative;background-color:#e2e2e2;border-radius:50%;} .team-members .thumb > a.thumbnail {position:absolute;top:0;left:0;display:inline-block;width:100%;height:100%; background-position:50% 50% !important; background-repeat:no-repeat !important; background-size:cover !important; border-radius:50%; } .team-members ul li div.bg {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; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); border-radius:50%; } .team-members ul li.hover div.bg { -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:.9; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); border-radius:50%; } .team-members ul li div.bg {background-color:#ff6262;}/* customer color set */ .team-members ul li .text {position:absolute;top:0;left:0;display:table;width:100%;height:100%;} .team-members ul li .text .cell {display:table-cell;height:100%;width:100%;vertical-align:middle;text-align:center;} .team-members ul li .link {display:none;width:100%;height:100%;background:url(images/btn_programs_link.png) 50% 50% no-repeat;} .team-members ul li.hover .link {display:inline-block;} .team-members ul li .link em {visibility:hidden; width:0; height:0; font-size:0; line-height:0} .team:after, .team-members:after, .team-members ul:after {display:block;height:0;content:' ';clear:both;} /* slideGallery */ .slideGallery {height:auto;background-size:cover !important;overflow:hidden;padding-bottom:40px;} .slideGallery h3 {position:relative;width:1160px;margin:0 auto;padding:70px 0;text-align:center;} .slideGallery h3 span {display:block;} .slideGallery h3 span.title {position:relative;padding-bottom:20px;font-size:2.833em;color:#333;font-weight:900;} .slideGallery h3 span.copy {margin-top:40px;font-size:1.417em;color:#929292;line-height:1.88;color:#777;white-space:pre-line;} .slideGallery h3 span.design-line {position:absolute;width:88px;bottom:0;left:50%;margin-left:-44px;height:1px;background:#000;} .ct_touchGallery {clear:both;width:100%;margin:0 auto;} .ct_touchGallery .touchGallery {display:none;color:#fff;background:transparent;} .ct_touchGallery .touchGallery:first-child {display:block;} .main-touchsliderGallery, .main-touchsliderGallery .touchslider-item span.img {height:auto !important;} .main-touchsliderGallery .touchslider-item .msg .title {padding-bottom:110px;font-size:12px;} .main-touchsliderGallery .msg .cell .copy {font-size:12px;width:1160px !important;margin:0 auto;} .main-touchsliderGallery .msg {width: 1200px;left: 50%;margin-left: -600px;} .main-touchsliderGallery .touchslider-nav {bottom:20px;} .main-touchsliderGallery .touchslider-prev {margin-top:-90px;} .main-touchsliderGallery .touchslider-next {margin-top:-90px;} .main-touchsliderGallery .touchslider-item .gallery-title {font-size:3.75em;font-weight:900;} .main-touchsliderGallery .touchslider-item .gallery-title {color:#51e577;}/* customer color set */ .main-touchsliderGallery .desktop {display:block;} .main-touchsliderGallery .mobile-pad {display:none;} .main-touchsliderGallery .gallery {font-size:0;margin-left:-2.58620689655172%;padding-bottom:50px;} .main-touchsliderGallery .gallery li {position:relative;display:inline-block;width:25%;padding-left:2.58620689655172%;margin-bottom:30px;font-size:12px;} .main-touchsliderGallery .gallery li .inner-wrap {padding:10px;background:#fff;box-shadow:8px 8px 12px rgba(0, 0, 0, .3);} .main-touchsliderGallery .gallery li .inner-wrap a.subject {display:block;padding:19px 9px 16px;font-size:1.583em;font-weight:600;color:#333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .main-touchsliderGallery .gallery li .inner-wrap p.text {height:32px;padding:0 9px;color:#777;overflow:hidden;white-space:pre-line;line-height:1.33;} .main-touchsliderGallery .gallery li .inner-wrap span.meta-date {padding:10px 9px 17px;color:#777;overflow:hidden;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;} .main-touchsliderGallery .gallery li .thumb {position:relative;overflow:hidden;} .main-touchsliderGallery .gallery li .thumb > div {position:relative;width:100% !important;background-color:#e2e2e2;background-size:cover !important;} .main-touchsliderGallery .gallery li div.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; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); padding:0; } .main-touchsliderGallery .gallery li:hover div.bg { -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:.9; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); } .main-touchsliderGallery .gallery li div.bg {background-color:#51e577;}/* customer color set */ .main-touchsliderGallery .gallery li div.add {position:absolute;top:0;left:0;display:none;width:100%;height:100%;padding:0 !important;} .main-touchsliderGallery .gallery li div.add button {display:none;position:absolute;top:50%;left:50%;width:52px;height:52px;margin-left:-25px;margin-top:-25px;background:url(images/btn_programs_link.png) 50% 50% no-repeat;} .main-touchsliderGallery .gallery li div.add button em {visibility:hidden; width:0; height:0; font-size:0; line-height:0} .main-touchsliderGallery .gallery li:hover div.add {display:inline-block;z-index:8;} .main-touchsliderGallery .gallery li:hover div.add button {display:inline-block;z-index:9;} .main-touchsliderGallery .gallery li div > a.link {position:absolute;display:inline-block;top:0;left:0;width:100%;height:100%;z-index:90;} .slideGallery:after {display:block;height:0;content:' ';clear:both;} .main-touchslider-3 {position:relative;} .main-touchslider-3, .main-touchslider-3 .touchslider-viewport, .main-touchslider-3 .touchslider-viewport > div , .main-touchslider-3 .touchslider-item {height:500px !important;} .main-touchslider-3 .touchslider-item {background-repeat:no-repeat;background-size:cover;} .main-touchslider-3 .msg .cell .copy {font-size:12px;width:1160px !important;margin:0 auto;} .main-touchslider-3 .msg .cell .copy:after {display:block;height:0;content:'';clear:both;} .main-touchslider-3 .msg {width: 1200px;left: 50%;margin-left: -600px;} .main-touchslider-3 .touchslider-prev {top:380px;bottom:70px !important;left:50%;width:50px !important;margin-top:0;margin-left:-70px;height:50px;background:url(images/ic_schedule_prev.png) 50% 50% no-repeat;} .main-touchslider-3 .touchslider-next {top:380px;bottom:70px !important;left:50%;width:50px !important;margin-top:0;margin-left:25px;height:50px;background:url(images/ic_schedule_next.png) 50% 50% no-repeat;} .main-touchslider-3 .touchslider-prev:hover {background:url(images/ic_schedule_prev.png) 50% 50% no-repeat;} .main-touchslider-3 .touchslider-next:hover {background:url(images/ic_schedule_next.png) 50% 50% no-repeat;} .main-touchslider-3 .touchslider-nav {display:none;} .main-touchslider-3 .copyTitle {position:relative;padding:70px 0;text-align:center;} .main-touchslider-3 .copyTitle span {display:block !important;} .main-touchslider-3 .copyTitle .title-i {position:relative;padding-bottom:20px;font-size:2.75em;color:#333;font-weight:900;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;} .main-touchslider-3 .copyTitle .copy-i {margin-top:44px;font-size:1.417em;color:#929292;line-height:1.66;color:#777;} .main-touchslider-3 .copyTitle .design-line {position:absolute;width:88px;bottom:0;left:50%;margin-left:-44px;height:1px;background:#000;} .main-touchslider-3 .copyTitle .call {display:inline-block;font-size:1.167em;font-weight:900;color:#777;margin-bottom:150px;} .main-touchslider-3 ul.schedule {width:730px;height:auto;overflow:hidden;margin:0 auto 38px;fonts-size:0;text-align:center;} .main-touchslider-3 ul.schedule li {font-size:17px;display:inline-block;margin-right:26px;} .main-touchslider-3 ul.schedule li:last-child {margin-right:0;} .main-touchslider-3 ul.schedule:after {display:block;height:0;content:'';clear:both;} /*------------------- ultra-sound-image -------------------*/ .ultra-sound-image {width:100%;padding:200px 0;padding:100px 0 0} .ultra-sound-image .content {width:1160px;margin:0 auto;text-align:center;} .ultra-sound-image .content .phone {position:relative;display:inline-block;width:243px;vertical-align:top;} .ultra-sound-image .content .phone img {display:inline-block;width:100%;} .ultra-sound-image .content .phone .play {display:inline-block;position:absolute;top:50%;left:50%;width:84px;height:84px;margin-top:-42px;margin-left:-42px;background:url(images/ic_play.png) 50% 50% no-repeat;} .ultra-sound-image .text {display:inline-block;margin-left:8.62068965517241%;} .ultra-sound-image .textTitle {position:relative;float:left;padding:94px 0;text-align:left;} .ultra-sound-image .textTitle span {display:block;} .ultra-sound-image .textTitle .title {position:relative;padding-bottom:20px;font-size:2.75em;color:#333;font-weight:900;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;} .ultra-sound-image .textTitle .copy {height:81px;margin-top:40px;font-size:1.417em;color:#929292;line-height:1.66;color:#777;white-space:pre-line;overflow:hidden;} .ultra-sound-image .textTitle .design-line {position:absolute;width:88px;bottom:0;left:0;height:1px;background:#000;} .ultra-sound-image .textTitle a.more {display:inline-block;margin-top:60px;padding:20px 23px;border-radius:3px;font-size:1em;font-weight:900;color:#fff;} .ultra-sound-image .textTitle a.more {background:#ff6262;}/* customer color set */ .ultra-sound-image .content:after {display:block;height:0;content:'';clear:both;} /*------------------- sub-page -------------------*/ #container {color:#686868;margin-top:162px;} #container .cont-wrap {width:1160px;margin:0 auto;padding:50px 0;overflow:hidden;} #wrap.box-layout #container .cont-wrap {padding:60px 10px;width:100%;} #container .cont-wrap:after {display:block;clear:both;height:0;content:' ';} #container .location {position:relative;height:130px;background-position:50% 50% !important;background-size:cover !important;} #container .location > div {display:table;width:100%;margin:0 auto;text-align:center;color:#fff;} #container .location > div span {display:table-cell;width:100%;height:130px;text-align:center;vertical-align:bottom;} #container .location > div a {display:inline-block;color:#fff;font-size:2.583em;padding-bottom:45px;font-family: 'Montserrat','NanumGothic','Nanum Gothic';font-weight: 400;letter-spacing:2px;} #container .location > div a {color:#ff6262;} /* customerColorSet */ #container:after {display:block;clear:both;height:0;content:' ';} #container #aside {width:260px;} #container #aside .side-title {font-size:1.583em;font-weight:700;padding-bottom:30px;letter-spacing:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} #container #aside .side-menu {padding:2px 0;} #container #aside .side-menu > li {border-bottom:1px solid #d2d2d2;} #container #aside .side-menu > li > a {display:block;font-size:1em;font-weight:700;padding:13px 0;letter-spacing:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} #container #aside .article {margin-top:60px;} #container #aside .article .line-wrap{position:relative;padding-bottom:20px;} #container #aside .article .line-wrap .tit {font-size:1.583em;font-weight:700;letter-spacing:1px;} #container #aside .recent-post ul {margin-left:-2.3809524%;} #container #aside .recent-post ul li {float:left;margin-left:2.3809524%;margin-bottom:10px;width:30.8523810%;} #container #aside .recent-post ul li a {background-color:#e2e2e2;} #container #aside .recent-post ul li a img {width:100%;height:auto;} #container #aside .recent-post ul li a span, #container #aside .recent-post ul li a em {display:none;} #container #aside .recent-post:after {display:block;clear:both;height:0;content:' ';} #container #aside .guide ul li {display:table;width:100%;background:url(images/bg_guide_line.gif) 0 100% repeat-x;} #container #aside .guide ul li > span {display:table-cell;min-height:60px;padding:14px 0;vertical-align:middle;} #container #aside .guide ul li > span:nth-child(1) {width:30px;text-align:center;} #container #aside .guide ul li > span:nth-child(2) {padding-left:20px;padding-right:10px;font-size:1.333em;line-height:1.33;} #container #aside .tag-box .tag-cloud a {display:inline-block;font-weight:700 !important; font-size:1em !important;border:1px solid #E3E3E2;padding:10px;margin:0 10px 10px 0;vertical-align:top;background-color:none; border-radius:5px; } #container #aside .tag-box .tag-cloud a {border:1px solid #ff6262;color:#ff6262;} /* customerColorSet */ #container #aside .tag-box .tag-cloud a:hover {color:#fff;} #container #aside .tag-box .tag-cloud a:hover {background:#ff6262;} /* customerColorSet */ #container #aside .tag-box .tag-cloud a.rand1 {font-size:14px; text-shadow:1px 1px #BFBFBE; } #container #aside .tag-box .tag-cloud a.rand1 {color:#ff6262;} /* customerColorSet */ #container #aside .bnn li {margin-bottom:20px} #container #aside .bnn * img { width:100%; height:auto;} #container #contents {min-height:500px;} #container #contents {width:860px;} #container.aside-left #aside {float:left;} #container.aside-left #contents {float:right;} #container.aside-right #aside {float:right;} #container.aside-right #contents {float:left;} #container.aside-hidden #aside {display:none;} #container.aside-hidden #contents {width:100%;} #container #contents {} #container #contents .page-title .tit {width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} #container #POST-CONTENT p {white-space: normal;word-break: break-all;} #container #contents .page-title{position:relative;padding-bottom:24px;} #container #contents .page-title .tit {font-size:2.417em;font-weight:700;color:#686868;letter-spacing:1px;} #container #contents .page-title .line {display:block;position:absolute;left:0;bottom:-2px;width:31px;height:3px;background-color:#C46181; } #container #contents .page-title .prev-page {display:none;} #container #contents .page-title + .entry-meta {margin-top:0;letter-spacing:2px;} #container #contents .hentry {} .hentry .toggle-wrap {} .hentry .toggle-wrap button { padding:0 10px;height:30px; line-height:30px; margin-right:3px; border:1px solid #eee; background-color:#F8F8F8; border-radius:3px; } .hentry .toggle-wrap button span { color:#7A7A7A; } .hentry .toggle-wrap button.active { border:1px solid #E5E5E5; background-color:#C46181; } .hentry .toggle-wrap button.active span { color:#fff; } /* privacy */ #contents div.privacy pre {font-family:'NanumGothic','Nanum Gothic', Dotum, Arial, sans-serif !important;word-wrap:break-word;font-size:1.333em;line-height:1.75;padding-bottom:120px;} /* img-type */ .img-type {overflow:hidden;margin:55px auto 0;width:1060px;} .img-type ul {text-align:center;margin-left:-3.7735849%;} .img-type ul:after {display:block;clear:both;height:0;content:' ';} .img-type li {display:block;float:left;margin-left:3.7735849%;margin-bottom:86px;text-align:center;overflow:hidden;} .img-type ul.cnt1 li {width:46.2264151%;margin-left:28.7735849%;}/*96.2264151%;*/ .img-type ul.cnt2 li {width:46.2264151%;} .img-type ul.cnt3 li {width:29.5283019%;} .img-type ul.cnt4 li {width:46.2264151%;} .img-type ul.cnt5 li {width:46.2264151%;} .img-type ul.cnt5 li:nth-child(1n+3) {width:29.5283019%;} .img-type ul.cnt6 li {width:46.2264151%;} .img-type ul.cnt7 li {width:46.2264151%;} .img-type ul.cnt7 li:nth-child(1n+5) {width:29.5283019%;} .img-type ul.cnt8 li {width:46.2264151%;} .img-type ul.cnt8 li:nth-child(1n+3) {width:29.5283019%;} .img-type ul.cnt9 li {width:29.5283019%;} .img-type li .thumb {position:relative;display:inline-block;width:100%;background-color:#e2e2e2;} .img-type li .thumb img {width:100%;height:auto;/* width:227px;height:177px; */} .img-type li .thumb .bg {position:absolute; top:0; left:0; width:100%; height:100%;/* height:177px; */ -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; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } .img-type li .thumb .bg {background-color:#ff6262;} /* customerColorSet */ .img-type li .thumb .bg > a {line-height:6.5em;text-align:center;color:#fff;font-size:13px;font-weight:700;} .img-type li .thumb > .btn {position:absolute; top:50%;margin-top:-35px; left:0; width:100%; text-align:center; -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; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } .img-type li .thumb > .btn a {display:inline-block;width:70px;height:70px;overflow:hidden;text-indent:-1000px;} .img-type li .thumb > .btn a.zoom {display:none;} .img-type li .thumb > .btn a.link {background:url(images/ic_normallist_ovr.png) 50% 50% no-repeat;} .img-type li.hover .bg { -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:.8; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); } .img-type li.hover .thumb > .btn { -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:1; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } .img-type li > h3 a {display:block;margin-top:20px;color:#444444;font-size:1.583em;font-weight:700;text-align:left;line-height:1.47;max-height:52px;overflow:hidden;} .img-type ul:not(.masonry) li > h3 a {white-space:nowrap;text-overflow:ellipsis;} .img-type li > em {display:block;margin-top:3px;font-size:1.083em;text-align:left;color:#444444; } .img-type li > .text {margin:18px 0 10px;color:#444444;font-size:1.083em;line-height:21px;text-align:left;min-height:97px;max-height:240px;overflow:hidden;} .img-type .masonry li > .text {min-height:initial;max-height:105px;overflow:hidden;} .img-type li > p.more-view, .img-type li > p.more-view-none {display:block;margin-bottom:10px;cursor:pointer;text-decoration:none;text-align:left;font-size:1em;z-index:100;} .img-type li > p.more-view a {color:#ff6262 !important;border-bottom:1px solid #ff6262;}/* customerColorSet */ .img-type li > p.more-view-none {cursor:none;color:#fff;text-indent:-999999;} .img-type ul:not(.masonry) li > .text {height:150px;overflow:hidden;} .img-type li > .meta {padding-top:17px;color:#888;font-size:1.083em;background:url(images/bg_img-type_meta.gif) 0 0 repeat-x;} .img-type li > .meta span {display:inline-block;} .img-type li > .meta span:nth-child(1) {float:left;} .img-type li > .meta span:nth-child(2) {float:right;padding-left:34px;height:16px;background:url(images/bg_meta_comment.png) 0 50% no-repeat;} .img-type li > .meta:after {display:block;clear:both;height:0;content:' ';} .img-type div.more-view {text-align:center;} .img-type div.more-view a {display:inline-block;margin:0 auto 82px;padding:23px 52px;font-size:1.583em;font-weight:700;border:1px solid #000;} .img-type div.more-view a:hover {background:#ff6262;color:#fff;} /* customerColorSet */ .img-type div.more-view a {color:#ff6262;border-color:#ff6262;} /* customerColorSet */ .img-type div.more-view:after {display:block;clear:both;height:0;content:' ';} #contents .img-type li > .meta {background:none;} #contents .img-type li span.date {display:none;} #contents .img-type {width:100%;margin:0 auto;padding-bottom:50px;} #contents .img-type ul {text-align:center;margin-left:-1.1627907%;} #contents .img-type li {display:block;padding:10px;width:32.158139% !important;background:#fff;margin-left:1.1627907%;margin-bottom:10px;border:1px solid #d9d9d9;} /* #contents .img-type ul.cnt1 li {width:48.8372093%;margin-left:24.41860465%;}*97.6744186; #contents .img-type ul.cnt2 li {width:48.8372093%;} #contents .img-type ul.cnt3 li {width:32.158139%;} #contents .img-type ul.cnt4 li {width:48.8372093%;} #contents .img-type ul.cnt5 li {width:48.8372093%;} #contents .img-type ul.cnt5 li:nth-child(1n+3) {width:32.158139%;} #contents .img-type ul.cnt6 li {width:48.8372093%;} #contents .img-type ul.cnt7 li {width:48.8372093%;} #contents .img-type ul.cnt7 li:nth-child(1n+5) {width:32.158139%;} #contents .img-type ul.cnt8 li {width:48.8372093%;} #contents .img-type ul.cnt8 li:nth-child(1n+3) {width:32.158139%;} #contents .img-type ul.cnt9 li {width:32.158139%;} */ #contents .img-type div.more-view {display:none;} #contents .img-type .masonry {margin:0 0 0 -10px;} #contents .img-type .masonry li.box {display:inline-block;padding:0;background:transparent;width:33.3%;margin:0;float:none;vertical-align: top;clear:both;} #contents .img-type li .inner-wrap {margin:0 0 10px 10px;background:#fff;padding:10px;} #contents .img-type .masonry li {border:0;} .img-type .masonry li .inner-wrap {border:1px solid #d9d9d9;} .img-type .masonry li .inner-wrap > h3 a {display:block;margin-top:20px;color:#444444;font-size:1.583em;font-weight:700;text-align:left;line-height:1.47;max-height:52px;overflow:hidden;} .img-type .masonry li .inner-wrap > em {display:block;margin-top:3px;font-size:1.083em;text-align:left;color:#444444; } .img-type .masonry li .inner-wrap > .text {margin:18px 0 10px;color:#444444;font-size:1.083em;line-height:21px;text-align:left;min-height:97px;max-height:240px;overflow:hidden;} .img-type .masonry li .inner-wrap > .text {min-height:initial;max-height:105px;overflow:hidden;} .img-type .masonry li .inner-wrap > p.more-view, .img-type .masonry li .inner-wrap > p.more-view-none {display:block;margin-bottom:10px;cursor:pointer;text-decoration:none;text-align:left;font-size:1em;z-index:100;} .img-type .masonry li .inner-wrap > p.more-view a {color:#ff6262 !important;border-bottom:1px solid #ff6262;}/* customerColorSet */ .img-type .masonry li .inner-wrap > p.more-view-none {cursor:none;color:#fff;text-indent:-999999;} .img-type .masonry li .inner-wrap > .meta {padding-top:10px;color:#888;font-size:1.083em;background:url(images/bg_img-type_meta.gif) 0 0 repeat-x;} .img-type .masonry li .inner-wrap > .meta span {display:inline-block;} .img-type .masonry li .inner-wrap > .meta span:nth-child(1) {float:left;} .img-type .masonry li .inner-wrap > .meta span:nth-child(2) {float:right;padding-left:34px;height:16px;background:url(images/bg_meta_comment.png) 0 50% no-repeat;} .img-type .masonry li .inner-wrap > .meta:after {display:block;clear:both;height:0;content:' ';} #contents .img-type div.masonry-more-view {text-align:center;} #contents .img-type div.masonry-more-view .getMore {display:inline-block;margin:80px auto 0;padding:14px 30px;font-size:1.217em;letter-spacing:1px;font-weight:700;border:1px solid #000;border-radius:5px;cursor:pointer} #contents .img-type div.masonry-more-view .getMore:hover {background:#ff6262;color:#fff;} /* customerColorSet */ #contents .img-type div.masonry-more-view .getMore {color:#ff6262;border-color:#ff6262;} /* customerColorSet */ #contents .img-type div.masonry-more-view:after {display:block;clear:both;height:0;content:' ';} .list-type li {position:relative;border-bottom:1px solid #bbb;padding:50px 0 60px;} .list-type li:first-child {border-top:0;} .list-type li:after {display:block;clear:both;height:0;content:' ';} .list-type li > a {display:inline-block;position:relative;float:left;width:41.8604651% ;margin-right:20px;background-color:#e2e2e2;} .list-type li > a > img.thumbnail {display:inline-block;width:100%;height:auto;} .list-type li > a > .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; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } .list-type li > a.hover > .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; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); } .list-type li > a > .bg {background:url(images/ic_normallist_ovr.png) 50% 50% no-repeat;} .list-type li > a > .bg {background-color:#ff6262;} /* customerColorSet */ .list-type li img.attachment-thumbnail, .list-type li h3 {display:block;font-size:2.417em;margin-bottom:30px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .list-type li .text {margin-top:36px;font-size:1.333em;line-height:1.75;height:5.332em;overflow:hidden;word-break: break-all;} .list-type li .more {position:absolute;left:41.8604651%;padding-left:20px;margin-top:28px;} .list-type li.noImage .more {left:0;padding-left:0px;} .list-type li .more a {font-weight:700;font-size:1.417em;} .list-type li .more a:after {display:inline-block;content:'>';text-align:center;padding:0 10px;} .list-type li .more a, .list-type li .more a:after, .list-type li .entry-meta > span a:hover, .list-type li strong a:hover, .list-type li .text a:hover {color:#ff6262 !important;} /* customerColorSet */ .list-type li .entry-meta > span a:hover {text-decoration:none; border-bottom:1px solid #ff6262;} /* customerColorSet */ .list-type li .entry-meta > span:last-child:hover {background:url(images/bg_meta_comment_ovr.png) 0 50% no-repeat;} .sns-tool {float:right;position:relative;padding-top:6px;/*cursor:pointer;*/} .sns-tool .share-sns {display:none;position:absolute;top:-142px;left:-485px;width:549px;height:142px;background:#fff;border:2px solid #dcdcdc;border-radius:3px;text-align:center;box-shadow:5px 5px 10px rgba(0,0,0,0.1);} .sns-active .share-sns {display:block;} .sns-tool .share-sns a {display:inline-block;margin:40px 29px;} .sns-tool .share-sns a.mobile {display:none;} .tag-label {padding-top:30px;} .tag-label:after {display:block;clear:both;height:0;content:' ';} .tag-label dd,.tag-label dt {float:none;display:inline-block;vertical-align:middle;} .tag-label dt {margin-right:10px;} .tag-label dd a {font-size:1.333em;} .tag-label dd a:after {content:', ';} .tag-label dd a:last-child:after {display:none;} .entry-meta {display:block;margin-top:10px;} .entry-meta span {line-height:1.66;} .entry-meta > span:after {content:'|';width:22px;text-align:center;display:inline-block;color:#bbb;} .entry-meta > span:last-child:after {display:none;} .entry-meta > span a {color:#bbb;} .entry-meta > span a:hover, .entry-meta > span a:focus, .entry-meta > span a:active {color:#686868 !important;border-bottom:1px solid #686868;} .entry-meta > span:last-child {padding-left:31px;height:16px;background:url(images/bg_meta_comment.png) 0 50% no-repeat;cursor:pointer;} .result-search {margin-top:50px;font-size:23px;padding:45px 0;color:#616161;text-align:center;background-color:#FAFAFA;font-weight:700;} .result-search em {display:block;padding-bottom:10px;color:#C46181; } .api-area {} .map-info {margin-top:40px;color:#5e5e5e;} .map-info .addr {font-size:16px;font-weight:700;border-bottom:3px solid #D7D7D7;padding-bottom:8px;} .map-info .addr-opt {margin-top:15px;} .hentry .entry-header {font-size:22px;color:#6d6d6d;font-weight:700;} /*#POST-CONTENT {padding:20px 0 120px;background:url(images/bg_post_line.gif) 0 100% repeat-x;}*/ #POST-CONTENT {padding:20px 0 120px;b} #POST-CONTENT img {max-width:100%;height:auto;} /* comment */ .comments-area { border-top: 2px solid #bbb; border-bottom: 1px solid #bbb; margin-top: 12px; } .comments-area .comments-title {padding:30px 0;font-size:1.583em;font-weight:700;} .comments-area .comments-title > span {padding-left:10px;} .comments-area .comments-title > span {color:#ff6262;} /* customerColorSet */ .comments-area .comment-list {} .comments-area .comment-list > ol:last-child {margin-bottom:10px;} .comments-area .comment-list > ol > li {padding:0 0 20px;} .comment-wrap {position:relative;padding:30px;background:#fff;} .comment-wrap:after {display:block;height:0;content:'';clear:both;} .commentmetadata .fn {font-size:1em;font-weight:800;padding-right:40px;letter-spacing:1px;} .commentmetadata .comment-date {font-size:1em;} .comment-content {line-height:1.61;margin-top:27px;font-size:1.083em;} .comment-body {border:1px solid #d9d9d9;} .children {position:relative;margin-top:20px;margin-left:40px;} .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:1em;font-weight:800;letter-spacing:1px;text-align:center;} .buttonBox a {color:#ff6262;} /* customerColorSet */ .comment-respond {padding:30px 0;} .comment-reply-title span.wrap {padding-right:17px;font-size:1.583em;font-weight:700;} .comment-reply-title span.comment-notes {font-size:1.083em;;font-weight:400;} .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 {display:table-cell;width:32.5%;height:auto;position:relative;} .comment-form .writer-information-box .writer_info + p {width:60%;padding-left:6px;} .comment-form .writer-information-box .writer_info input[type=text] {width:100%;background-color:#FBFBFB;height:50px;line-height:50px;font-size:1.083em;} .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 .logged-in-as, .comment-form .form-allowed-tags, .comment-form .comment-notes {padding-top:20px;} .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; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; box-shadow: inset 1px 3px 4px -3px #e9e9e9; -webkit-box-shadow: inset 1px 3px 4px -3px #e9e9e9; -moz-box-shadow: inset 1px 3px 4px -3px #e9e9e9; -o-box-shadow: inset 1px 3px 4px -3px #e9e9e9; resize: none; } .comment-form-comment {position:relative;margin-top:10px;} .comment-form-comment label[for="comment"] {display:none} .comment-form-comment label {font-size:1.083em;} .comment-form-comment span {padding-left:5px;font-weight:800;font-size:1.083em;text-decoration:none;} .comment-form-comment span a {color:#ff6262;border-bottom:1px solid #ff6262} /* customerColorSet */ .comment-form-comment span a:hover {color:#686868;} .comment-form-comment textarea {width:100%;height:130px;background-color:#FBFBFB;font-size:1.083em;} .comment-form-comment #private {width:100%;color:#949494;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 #private_ok {width:20px;height:20px;background:#dcdcdc !important;border-radius:5px;} .inner-comment-privacy {float:left;margin-top:20px;} /*.form-submit {position:relative;top:-59px;float:right;margin-top:20px;line-height:39px;}*/ .form-submit {position:relative;text-align:right;margin-top:20px;height:53px;line-height:39px;} .form-submit input[type="submit"] {padding:15px;text-align:center;font-size:1.583em;font-weight:400;color:#fff;cursor:pointer; border:1px solid transparent; border-radius:5px; } .form-submit input[type="submit"] {background-color:#ff6262;} /* customerColorSet */ .form-submit input[type="submit"]:hover {background-color:#fff;color:#ff6262;border:1px solid #ff6262;} /* customerColorSet */ .inner-form-submit {position:static;float:right;margin-top:20px;line-height:39px;} .inner-form-submit input[type="submit"] {padding:15px;text-align:center;font-size:1.583em;font-weight:400;color:#fff;cursor:pointer; border:1px solid transparent; border-radius:5px; } .inner-form-submit input[type="submit"] {background-color:#ff6262;} /* customerColorSet */ .inner-form-submit input[type="submit"]:hover {background-color:#fff;color:#ff6262;border:1px solid #ff6262;} /* customerColorSet */ .logged-in-as, .form-allowed-tags {line-height:20px;} /* page navigation */ .paging-navigation {clear:both;margin:40px 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:center;} .paging-navigation .pagination.loop-pagination .page-numbers {display:inline-block;margin:0 2px;padding:0;width:40px;height:40px;font-size:1.25em;line-height:40px;text-align:center;font-family:"Lucida Console", Monaco, monospace;border-radius:5px;background:transparent} .paging-navigation .pagination.loop-pagination .page-numbers {border:1px solid #ff6262;color:#ff6262;} /* customerColorSet */ .paging-navigation .pagination.loop-pagination .prev, .paging-navigation .pagination.loop-pagination .next, .paging-navigation .pagination.loop-pagination .firstPage, .paging-navigation .pagination.loop-pagination .lastPage { background: transparent; border:none; } .paging-navigation .pagination.loop-pagination .lastPage {width:38px;text-align:center;} .paging-navigation .pagination.loop-pagination .current {color:#fff !important;} .paging-navigation .pagination.loop-pagination a, .paging-navigation .pagination.loop-pagination .current {border:1px solid #ff6262;background-color:#ff6262;} /* customerColorSet */ /*------------------- footer -------------------*/ #footer{min-height:160px;clear:both;display:block; } .box-layout #footer {margin:0 -20px;} #footer .foot-area {width:1160px;margin:0 auto;padding:0;color:#aeaeae;} #footer .foot-area:after {display:block;content:'';height:0;clear:both;} #wrap.box-layout #footer .foot-area {padding:0 20px 0;} #footer .foot-area .foot-info {margin-left:-3.4482759%;padding-bottom: 45px;} #footer .foot-area .foot-info:after {display:block;content:'';height:0;clear:both;} #footer .foot-area .foot-info > div {float:left;display:block;width:21.525%;margin-top:50px;margin-left:3.4482759%;vertical-align:top;overflow:hidden;} #footer .foot-area .foot-info > div .tit {position:relative;font-size:1.333em;font-weight:600;padding-bottom:62px;letter-spacing:1px;} #footer .foot-area .foot-info > div .tit {color:#ff6262;} /* customerColorSet */ #footer .foot-area .foot-info > div .tit > a {position:absolute;top:-2px;padding-left:3px;font-size:1.333em;font-weight:800;} #footer .foot-area .foot-info > div .tit > a {color:#ff6262;} /* customerColorSet */ #footer .foot-area .foot-info > .about {position:relative;margin-top:25px;} #footer .foot-area .foot-info > .about h3.tit {display:table-cell;width:100%;height:117px;padding:20px 0;vertical-align:middle;text-align:center;overflow:hidden;} #footer .foot-area .foot-info > .about h3.tit img {width:100%;height:auto;} #footer .foot-area .foot-info > .about p {margin-top:20px;font-size:1.083em;font-weight:800;line-height:1.68;letter-spacing:2px;white-space:pre-line;} #footer .foot-area .foot-info .latest ul {margin-bottom:40px;} #footer .foot-area .foot-info .latest ul li {border-top:1px solid #777777;padding:17px 0;} #footer .foot-area .foot-info .latest ul li:after {display:block;clear:both;height:0;content:' ';} #footer .foot-area .foot-info .latest ul li a {font-size:1.083em;color:#aeaeae;} #footer .foot-area .foot-info .latest ul li a span {display:block;overflow:hidden;} #footer .foot-area .foot-info .latest ul li a .subj {max-height:42px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600;} #footer .foot-area .foot-info .api-map .map-area {background-color:#FFF;width:100%;height:193px;overflow:hidden;} #footer .foot-area .foot-info .api-map .map-area {width:100%;height:auto;} #footer .foot-area .foot-info .api-map .map-area #map_container img {width:100%;height:193px;} #footer .foot-area .foot-info > div.design-line {display:none;} #footer .company-info {position:relative;padding:40px 0;border-top:1px solid #777777 !important;} #footer .company-info .added {margin-bottom:5px;} #footer .company-info .added a {color:#aeaeae;} #footer .company-info .added .pi {font-weight:700;} #footer .company-info address {font-size:1em;font-weight:400;line-height:1.5;color:#aeaeae;white-space:pre-line;} #footer .company-info .copyright {font-size:12;color:#7a7a7a;} #footer .sns-link {position:absolute; right:0; top:50%; margin-top:-13px;z-index:2;display:table;height:34px;overflow:hidden;} #footer .sns-link li {display:table-cell;} #footer .sns-link li a {display:block;margin-left:15px;overflow:hidden;width:34px;height:34px;text-indent:-1000px;} #footer .sns-link li.gg a {background: url(images/ic_sns_gg.png) 50% 50% no-repeat;background-size:34px 34px;} #footer .sns-link li.fc a {background: url(images/ic_sns_fc.png) 50% 50% no-repeat;background-size:34px 34px;} #footer .sns-link li.tw a {background: url(images/ic_sns_tw.png) 50% 50% no-repeat;background-size:34px 34px;} /*------------------- etc -------------------*/ #toTop {position:fixed;z-index:1000;bottom:20px;right:20px;display:none; opacity:.7; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); } #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; } @media only screen and ( min-width: 1200px ) and ( max-width: 1380px ) { .main-touchslider-1 .msg .cell{padding-left:120px;padding-right:120px;} .main-touchslider-2 .msg .cell{padding-left:120px;padding-right:120px;} .slideGallery .msg .cell {margin-left:120px;margin-right:120px;} .main-touchsliderGallery .msg .cell .copy {width:960px !important;} } @media only screen and ( min-width: 768px ) and ( max-width: 1200px ) { #testControl {display:none !important;} #wrap.box-layout, #header .wrap-util, #gnb {width:100%;} #wrap.box-layout #header {width:100%;left:0;margin-left:0;} .scrolled #gnb {padding:0 20px; -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;} .ag-ct .scrolled #gnb {padding:10px 20px; -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;} #gnb {padding-left:26px;padding-right:26px;} .util-container {padding: 0 26px;} .list-type li:first-child {padding-top:0;} .list-type li .text {margin-bottom:0;margin-top:30px;font-size:1.333em;line-height:1.81;} .list-type li .more {display:none;} .paging-navigation {margin:50px 0;} .aboutUs {margin-bottom:0;} .aboutUs .aboutUsTitle {width:100%;padding:72px 30px 30px;} .aboutUs .aboutUsTitle .copy {font-size:1.25em;} .aboutUs .ct_gallery {width:100%;padding:0 30px;margin-top:40px;} .aboutUs .ct_gallery .gallery li .cell .title {font-size:1.583em;line-height:1.6;} .aboutUs .ct_gallery .gallery li.hover .text .cell .title {margin-bottom:18px;} .aboutUs .ct_gallery .gallery ul {margin-left:-30px} .aboutUs .ct_gallery .gallery ul li {width:33.3333333%;padding-left:30px;margin-bottom:30px;font-size:12px;} .aboutUs .ct_gallery .gallery ul.cnt1 li, .aboutUs .gallery ul.cnt2 li {width:50%;} .aboutUs .ct_gallery .gallery ul.cnt4 li, .aboutUs .ct_gallery .gallery ul.cnt5 li, .aboutUs .ct_gallery .gallery ul.cnt6 li, .aboutUs .ct_gallery .gallery ul.cnt7 li, .aboutUs .ct_gallery .gallery ul.cnt8 li, .aboutUs .ct_gallery .gallery ul.cnt9 li {width:50%;margin-bottom:30px;} .aboutUs .guide {width:100%;padding:0 30px;} .aboutUs .guide ul li {width:50%;} .touchslider-next, .touchslider-prev {display:none;} .main-touchslider-1 .touchslider-item .msg .cell {padding:0 30px;} .main-touchslider-2, .main-touchslider-2 .touchslider-item span.img {height: 600px !important;} .main-touchslider-2 .touchslider-item .msg .cell div span.bq .design-line {padding:0;} .main-touchslider-2 .touchslider-item .msg .cell div span.bq {font-size:2.417em;line-height:1.689;padding:77px 0 38px;background-size:53px 48px;} .main-touchslider-2 .main-touchslider .msg .cell .title {padding-bottom:0;} .main-touchslider-2 .touchslider-item .msg .cell div span.author {font-size:1.583em;padding-bottom:50px;} .team {width:100%;padding:padding:70px 45px 50px;} .team h3 {width:100%;} .team h3 .copy {padding-bottom:71px;font-size:1.5em;} .aboutUs .guide ul {margin-left:-3.90625%} .aboutUs .guide ul li {padding-left:3.90625%;width:100% !important;} .team-members {padding:0 0;} .team-members .wrap_thumb {width:100%;padding:0 25.58823529411765%;} .team-members .wrap_info {width:100%;padding:0 30px;text-align:center;} .team-members {padding:0 30px;} .team-members ul {margin-left:-3.90625%} .team-members ul li {padding-left:3.90625%;margin-bottom:30px !important;margin-top:0px !important;} .team-members ul li.hover .text {display:none;} .team-members ul li.hover div.bg {display:none;} .team-members .wrap_info a.name {margin-top:32px;} .slideGallery {height:auto;} .slideGallery h3 {width:100%;} .slideGallery h3 span.title {font-size:3.583em;padding-bottom:31px;} .main-touchslider .msg {width:100%;left:0;margin:0;} .main-touchslider .touchslider-nav {bottom:50px;} .main-touchsliderGallery .desktop {display:none;} .main-touchsliderGallery .mobile-pad {display:block;} .main-touchsliderGallery .touchslider-nav {bottom:20px;} .main-touchsliderGallery .touchslider-item .msg .cell {vertical-align:middle !important;} .main-touchsliderGallery .touchslider-item .msg {width:100%;} .main-touchsliderGallery .touchslider-item .msg .cell div span.gallery-title {padding:0 0 60px 0;} .main-touchsliderGallery .msg .cell .copy {width:93.75% !important;} .main-touchsliderGallery .msg {width:100%;} .main-touchsliderGallery .msg {left: 0%;margin-left: 0;} .main-touchsliderGallery, .main-touchsliderGallery .touchslider-item span.img {height:auto;} .main-touchsliderGallery .gallery li {width:50% !important;} .main-touchsliderGallery .gallery li:hover div.bg, .main-touchsliderGallery .gallery li:hover div.add, .main-touchsliderGallery .gallery li:hover div.add button {display:none;} .main-touchslider-3 .touchslider-item .msg .cell {vertical-align:middle !important;} .main-touchslider-3 .touchslider-item .msg {width:93.75%;} .main-touchslider-3 .touchslider-item .msg .cell div span.gallery-title {padding:0 0 60px 0;} .main-touchslider-3 .msg .cell .copy {width:96.75% !important;} .main-touchslider-3 .msg {display:inline-block;width:auto;} .main-touchslider-3 .msg {left: 3.125%;margin-left: 0;} .main-touchslider-3 .touchslider-nav {bottom:60px;} .main-touchslider-3 .touchslider-prev, .main-touchslider-3 .touchslider-next {display:block;} .ultra-sound-image {padding:/*230px 30px*/50px 30px 0;} .ultra-sound-image .content {width:100%;} .ultra-sound-image .content .phone {width:195px;} .ultra-sound-image .textTitle {padding:30px 0;} .ultra-sound-image .textTitle span.title {font-size:3.417em;} .ultra-sound-image .text {margin-left:6.25%;} .ultra-sound-image .content .phone .play {width:48px;height:48px;margin-left:-24px;margin-top:-24px;background-size:48px;} #container .cont-wrap {width:100%;padding: 50px 0;} #container #aside {display:block;width:100%;padding:60px 40px 0;border-top:1px solid #bbb;} #container #contents {width:100%;padding:0 40px 60px;} #container .location {height:130px;} #container .location > div span {height:130px;} .list-type li:first-child {padding-top:0;} .list-type li .text {margin-bottom:0;margin-top:30px;font-size:1.333em;line-height:1.81;} .list-type li .more {display:none;} .paging-navigation {margin:50px 0;} #container #aside div.wrap-widget {margin-left:-2.9069767%;} #container #aside div.widget {position:relative;float:left;margin-left:2.9069767%;width:30.3953488%;overflow:hidden;} #container #aside div.widget .recent-post:after {display:none;width:0;} #container #aside .article {margin-top:0;} #container #aside .recent-post ul {margin-left:-2.3809524%;} #container #aside .recent-post ul li {margin-left:2.3809524%;margin-bottom:10px;width:30.8523810%;} #container #aside .recent-post ul li a img {width:100%;height:auto;} #container #aside .guide ul li:first-child {background: url(images/bg_guide_line.gif) 0 100% repeat-x,url(images/bg_guide_line.gif) 0 0 repeat-x;} #container #aside .guide ul li > span.email {font-size:1.217em;} .img-type ul li {width:46.2264151% !important;} #contents .img-type ul li {width:48.8372093% !important;} .img-type ul.cnt1 li {width:46.2264151% !important;margin-left:28.7735849%;} .img-type li > a {margin-top:26px;font-size:1.583em;line-height:1.47;} .img-type li > .text {margin-top:17px;font-size:1.083em;line-height:17px;overflow:hidden;} .img-type ul:not(.masonry) li > .text {height:105px;} .img-type li > .meta {padding-top:20px;font-size:1.083em;} #contents .img-type li > a, #contents .img-type .masonry li .inner-wrap > a {margin:10px 0;font-size:1.417em;line-height:1.25;max-height:40px;} #contents .img-type li span.date {display:block;margin:10px 0;text-align:left;} #contents .img-type ul li > .meta {padding-top:10px;font-size:1em;} #contents .img-type ul li .text {display:none;} #contents .img-type li > p.more-view, #contents .img-type li > p.more-view-none, #contents .img-type .masonry li .inner-wrap > p.more-view-none {display:none;} #contents .img-type .masonry li.box {width:33.3% !important;margin-bottom:0;} #contents .img-type .masonry li.box .inner-wrap {margin-bottom:10px;} #contents div.privacy {padding-bottom:90px;} #footer .foot-area {width:100%;padding:0 5.20833333333333%;} #footer .foot-area .foot-info {margin-left:-5.8139534%; padding-bottom: 45px;} #footer .foot-area .foot-info > div {margin-top:54px;margin-left:5.8139534%; width:44.1860466%;} #footer .foot-area .foot-info > div.colspan2 {position:relative;width:94.1860466%;margin:57px 0 62px 5.8139534%;} #footer .foot-area .foot-info > div.colspan2 .tit {display:inline-block;width:47.0930233%;height:auto;padding:0;text-align:left;vertical-align:middle;} #footer .foot-area .foot-info > div.colspan2 h3.tit img {width:166px;} #footer .foot-area .foot-info > div.colspan2 p {display:inline-block;width:47.0930233%;padding-left:5.8139534%;margin-top:0;vertical-align:middle;} #footer .foot-area .foot-info > div.no-content {display:none;} #footer .foot-area .foot-info > div.design-line {display:block;width:94.1860466%;margin-top:40px !important;height:1px;background:#777;} #footer .foot-area .foot-info > div.no-content + div.design-line {margin-top:0px !important;height:1px;} #footer .company-info .inner-wrap {width:100%;padding:0 5.20833333333333%} #footer .company-info address {max-width:65%;font-size:0.917em;color:#999999;white-space:pre-line;} #footer .sns-link {right:0;} #footer .foot-area .foot-info:after {display:block;content:'';height:0;clear:both;} #footer .foot-area .foot-info .latest ul li a, #footer .foot-area .foot-info > div p {font-weight:400;} .pricing .table ul li .sale {font-size: 1.5em;} } @media only screen and ( max-width: 767px ) { #testControl {display:none !important;} #wrap, #wrap.box-layout {width:100%;padding:0;} .main-cont .article {width:100%;} .box-layout .main-cont .line-wrap {width:100%;} .box-layout #container {width:100%;} #header {position:fixed;top:0;width:100%;z-index:200;} #wrap.box-layout #header {width:100%;left:0;margin-left:0;} #container .cont-wrap {padding-top:110px;} #header .util-container {border:0;} #header .wrap-util {display:block;} #header .wrap-gnb {background:transparent;height:65px;} #gnb {width:100%;height:65px;padding:0;} #gnb .inner-wrap {overflow-y:scroll;} #gnb .inner-wrap, x:-moz-any-link, x:default {overflow-y:initial;}/*Firefox*/ #gnb ul.menu {display:none;font-size:12px;position:absolute;top:65px;left:0;width:100%;z-index:90;overflow-y:scroll;padding:15px;padding-top:10px;box-shadow: inset 1px 5px 5px -3px rgba(0,0,0,0.3);background:rgba(0,0,0,0.9);margin:0;} #gnb ul.menu li {position:relative;width:100%;text-align:left;margin:0;padding:0;background:transparent;} #gnb ul.menu li:hover {background:none !important;} #gnb ul.menu > li {height:37px;border:0;} #gnb ul.menu-depth-1 > li:hover {background:none !important;} #gnb ul.menu-depth-2 > li:hover {background:none !important;} #gnb ul.menu li a {display:inline-block;width:100%;height:100%;margin:0;padding:12px 0;color:#fff !important;font-size:1em;border-bottom:1px solid #999;} #gnb ul.menu li > button.open-child {position:absolute;top:1px;right:0;display:inline-block;width:32px;height:32px;background:url(images/bg_gnb_mobile_open.png) 50% 50% no-repeat;background-size:14px 9px;z-index:100;} #gnb ul.menu > li.opened {height:auto;} #gnb ul.menu li.opened > button.open-child {display:block;background:url(images/bg_gnb_mobile_close.png) 50% 50% no-repeat;background-size:14px 9px;} #gnb ul.menu li.opened > button.active-open-child {display:block;background:url(images/bg_gnb_mobile_active_close.png) 50% 50% no-repeat;background-size:14px 9px;} #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 > div.menu-depth-1 {position:static;height:auto;} #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:15px !important;margin-top:0;} #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:15px;} #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:150px;height:50px;margin-top:-25px;} #gnb h1.logo a {width:100%; height:50px;text-align:left;} #gnb h1.logo a img {width:auto;height:50px;} .scrolled #gnb h1.logo a img {width:100px;height:auto;} #gnb > button {display:inline-block;float:right;width:50px;height:65px;} #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 {background:url(images/bg_gnb-menu.png) 50% 50% no-repeat;background-size:21px 21px;} #gnb button.exit {float:right;background:url(images/bg_exit.png) 50% 50% no-repeat;background-size:26px 28px;} #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;background-size:21px 21px;} #header .wrap-util {width:100%;height:50px;border-bottom:1px solid #dddddd;} #header .wrap-util .custom-util {display:none;} #header .wrap-util .sns-util {float:left;padding-left:16px;} #header .wrap-util .util {padding-right:16px;} #header .wrap-util .util li a {color:#575757;} #header .wrap-util .util li:first-child:after {width:18px;background:none;} #header .wrap-util .flag-util {margin-left:5px;} #header .wrap-util .flag-util ul > li {float:left; padding: 15px 5px 0 0;} #header .wrap-util .flag-util ul > li img{width:20px;} #header .wrap-util .sns-util {display:none;} .ag-lt .wrap-util .sns-util li a:first-child {margin-left:0 !important;} .ag-lt #gnb h1.logo {left:16px;margin-left:0;} .ag-ct #gnb {padding:0;} .ag-ct #gnb h1.logo {left:50%;margin-left:-75px;margin-top:-25px;} .ag-ct #gnb h1.logo a {text-align:center;} .ag-ct #gnb button.search {position:absolute;top:50%;left:30px;margin-top:-36px;} .ag-ct #gnb button.exit {float:left;} .ag-ct .wrap-util .sns-util li a:first-child {margin-left:0 !important;} .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-rt #gnb h1.logo {right:16px;margin-left:0;} .ag-rt #gnb > button {float:left;margin-left:0;margin-right:0;} .ag-rt #gnb button.search {margin-left:0;} .ag-rt #gnb button.exit {float:left;} .ag-rt #gnb ul.menu {margin:0;} .ag-rt #gnb h1.logo a {text-align:right;} .ag-rt .wrap-util .sns-util {float:right !important;padding-left:0;margin-right:14px;} .ag-rt .wrap-util .util {margin-left:16px;margin-right:0;} .ag-rt .wrap-util .util li:last-child:after {display:none !important;} .ag-rt .wrap-util .sns-util li a:last-child {margin-right:0 !important;} #mainContainer {margin-top:115px} .aboutUs .ct_gallery {width:100%;padding:20px 6.25%;} .team {width:100%;padding:100px 30px;} .main-touchslider {height:328px;} .touchslider-item span.img {height:270px;} .main-touchslider .msg .cell .title {font-size:1.583em;} .main-touchslider .touchslider-nav {position:absolute;bottom:30px;left:0%;width:100%;margin:-3px 0 0 0;text-align:center;} .main-touchslider .touchslider-nav .inner-wrap {padding:0px 7px;} .main-touchslider .touchslider-nav-item {position:relative;top:-1px;margin:0px 2px;font-size:6px;} .touchslider-next, .touchslider-prev {display:none;} .main-touchsliderGallery .msg .cell .title {font-size:12px;} .aboutUs {margin-bottom:0;} .aboutUs .aboutUsTitle {width:100%;padding:29px 15px 34px;} .aboutUs .aboutUsTitle .copy {font-size:0.917em;line-height:1.66;margin-top:20px;padding:0 10px;} .aboutUs .aboutUsTitle .title {font-size:1.417em;padding-bottom:14px;} .aboutUs .aboutUsTitle .design-line {width: 44px;margin-left:-22px;} .aboutUs .ct_gallery {width:100%;padding:0 15px;} .aboutUs .ct_gallery .gallery li .cell .title {font-size:0.927em;line-height:1.6;} .aboutUs .ct_gallery .gallery li.hover .text .cell .title {margin-bottom:11px;} .aboutUs .ct_gallery .gallery ul {margin-left:-15px} .aboutUs .ct_gallery .gallery ul li {width:33.3333333%;padding-left:15px;margin-bottom:15px !important;font-size:12px;} .aboutUs .ct_gallery .gallery ul.cnt1 li, .aboutUs .gallery ul.cnt2 li {width:50%;} .aboutUs .ct_gallery .gallery ul.cnt4 li, .aboutUs .ct_gallery .gallery ul.cnt5 li, .aboutUs .ct_gallery .gallery ul.cnt6 li, .aboutUs .ct_gallery .gallery ul.cnt7 li, .aboutUs .ct_gallery .gallery ul.cnt8 li, .aboutUs .ct_gallery .gallery ul.cnt9 li {width:50%;margin-bottom:15px;} .aboutUs .ct_gallery .gallery li .programs-link {width:26px;height:26px;background-size:26px;} .aboutUs .guide {width:100%;padding:0 15px;margin:35px 0;} .aboutUs .guide ul li {width:50%;margin-bottom:51px;} .aboutUs .guide .inner-wrap {padding-left:38px;} .aboutUs .inner-wrap .circle {width:28px;height:28px;} .aboutUs .inner-wrap .circle .ic {background-size:28px !important;} .aboutUs .inner-wrap h5 {font-size:1em;font-weight:600;margin-bottom:6px;} .aboutUs .inner-wrap p {font-size:1em;height:auto;} .team {width:100%;padding:34px 15px 34px;} .team h3 {width:100%;padding:0;margin-bottom:35px;} .team h3 span.title {font-size:1.583em;padding-bottom:14px;} .team h3 span.design-line {width:44px;left: 50%;margin-left:-22px;} .aboutUs .guide ul {margin-left:-3.90625%} .aboutUs .guide ul li {padding-left:3.90625%;width:100% !important;} .team-members {padding:0 0;} .team-members .wrap_thumb {width:100%;padding:0 35%;} .team-members .wrap_info {width:100%;padding:0 15px;text-align:center;} .team-members {padding:0 0;} .team-members ul {margin-left:-3.90625%} .team-members ul li {width:100%;padding-left:3.90625%;margin-bottom:40px !important;margin-top:0px !important;} .team-members ul li.hover .text {display:none;} .team-members ul li.hover div.bg {display:none;} .team-members .wrap_info a.name {margin-top:13px;font-size:0.917em;padding-bottom:6px;} .team-members .wrap_info span {font-size:0.833em;height:auto;} .slideGallery {height:auto;} .slideGallery h3 {width:100%;padding:35px 0;} .slideGallery h3 span.title {font-size:1.5em;padding-bottom:14px;} .slideGallery h3 span.design-line {width:44px;left: 50%;margin-left:-22px;} .slideGallery h3 span.copy {font-size:0.833em;margin-top:20px;} .main-touchsliderGallery .gallery li {width:50% !important;} .main-touchsliderGallery .desktop {display:none !important;} .main-touchsliderGallery .mobile-pad {display:block !important;} .main-touchsliderGallery .gallery li .inner-wrap a.subject, .main-touchsliderGallery .gallery li .inner-wrap p.text, .main-touchsliderGallery .gallery li .inner-wrap span.meta-date {font-size:1em;padding-left:0;} .main-touchsliderGallery .gallery li .inner-wrap p.text {height:30px;} .main-touchsliderGallery .gallery li .inner-wrap a.subject {padding:15px 0 7px;} .main-touchsliderGallery .gallery li .inner-wrap span.meta-date {padding:8px 0 4px;} .ultra-sound-image {padding:30px 15px;} .ultra-sound-image .content {width:100%;} .ultra-sound-image .content .phone {width:30.625%;} .ultra-sound-image .textTitle {float:none;padding:30px 0 0;text-align:center;} .ultra-sound-image .textTitle .title {font-size:1.417em;text-align:center;padding-bottom:15px;} .ultra-sound-image .textTitle .design-line {width:44px;left: 50%;margin-left:-22px;} .ultra-sound-image .text {display:block;width:100%;margin:0 auto;clear:both;} .ultra-sound-image .textTitle .copy {margin-top:20px;font-size:0.833em;text-align:center;height:auto;} .ultra-sound-image .content .phone .play {width:36px;height:36px;margin-left:-18px;margin-top:-18px;background-size:36px;} .ultra-sound-image .textTitle a.more {margin:30px auto 0;padding:12px 15px;font-size:0.927em;} .main-touchslider-1 .touchslider-item .msg .cell .title span {padding:0 15px;} .main-touchslider-1 .touchslider-item .msg .cell .copy span {padding:0 15px 30px;font-size:0.833em;} .main-touchslider-2, .main-touchslider-2 .touchslider-item span.img {height: 270px !important;} .main-touchslider-2 .msg {width: 87.5%;left: 6.25%;margin-left:0;} .main-touchslider-2 .msg .cell .copy {padding-bottom:35px;} .main-touchslider-2 .touchslider-item .msg .cell div span.bq {width:100%;font-size:1.25em;line-height:1.6;padding:29px 15px 19px;white-space:normal;} .main-touchslider-2 .touchslider-item .msg .cell .title {padding-bottom:17px;} .main-touchslider-2 .touchslider-item .msg .cell div span.author {font-size:1em;} .touchslider-item .msg .cell div span.bq .design-line {width: 14px;margin-left: -7px;} .main-touchslider .msg {width:100%;left:0;margin:0;} .main-touchslider .msg .cell .title {padding-top:15px;padding-bottom:10px;} .touchslider-item .msg .cell div span.author {padding:10px 0 25px;font-size:1em;} .main-touchsliderGallery .touchslider-item .msg {width:93.75%;} .main-touchsliderGallery .touchslider-item .msg .cell {vertical-align:middle !important;} .main-touchsliderGallery .touchslider-item .msg .cell div span.gallery-title {padding:0 0 26px 0;font-size:1.417em;} .main-touchsliderGallery .msg .cell .copy {width:93.75% !important;} .main-touchsliderGallery .msg {display:inline-block;width:auto;} .main-touchsliderGallery .msg {left: 2.625%;margin-left: 0;} .main-touchsliderGallery, .main-touchsliderGallery .touchslider-item span.img {height:;} .main-touchsliderGallery .gallery {margin-left:-3.2967032967033%;} .main-touchsliderGallery .gallery li {width:50%;padding-left:3.2967032967033%;margin-bottom:10px;font-size:12px;} .main-touchsliderGallery .gallery li:hover div.bg, .main-touchsliderGallery .gallery li:hover div.add, .main-touchsliderGallery .gallery li:hover div.add button {display:none;} .main-touchsliderGallery .touchslider-nav {bottom:15px;} .main-touchslider-3, .main-touchslider-3 .touchslider-viewport, .main-touchslider-3 .touchslider-viewport > div, .main-touchslider-3 .touchslider-item { height: 250px !important; } .main-touchslider-3 {width:100%;} .main-touchslider-3 .msg .cell .title {padding-top:30px;font-size:12px;} .main-touchslider-3 .touchslider-item .msg .cell {vertical-align:middle !important;} .main-touchslider-3 .touchslider-item .msg {width:100%;} .main-touchslider-3 .touchslider-item .msg .cell div .gallery-title {padding:0 0 20px 0;font-size:1.417em;} .main-touchslider-3 .copyTitle {padding:35px 15px;} .main-touchslider-3 .copyTitle .title-i {font-size:1.417em;padding-bottom:14px;} .main-touchslider-3 .copyTitle .copy-i {margin-top:10px;font-size:14px;} .main-touchslider-3 ul.schedule li {font-size:10px;line-height:1.66;margin-right:13px;} .main-touchslider-3 .copyTitle .design-line {width:44px;margin-left:-22px;} .main-touchslider-3 ul.schedule {width:100%;height:auto;margin: 20px auto 19px;font-size:0;} .main-touchslider-3 .msg .cell .copy {width:100% !important;} .main-touchslider-3 .msg {display:inline-block;width:auto;} .main-touchslider-3 .msg {left:0;margin-left: 0;} .main-touchslider-3 .touchslider-nav {bottom:25px;} .main-touchslider-3 .touchslider-next, .main-touchslider-3 .touchslider-prev, .main-touchslider-3 .touchslider-next:hover, .main-touchslider-3 .touchslider-prev:hover {display:block;top:190px;width:25px !important;height:25px !important;background-size:25px;} .main-touchslider-3 .touchslider-next {margin-left:10px;} .main-touchslider-3 .touchslider-prev {margin-left:-35px;} .main-touchslider-3 .copyTitle .call {font-size:10px;margin-bottom:160px;} #container {margin-top:115px;} #container #contents {min-height: 350px;} .img-type {width:100%;padding:0 9.375%;margin-top:20px;} .img-type li > a {margin-top:13px;font-size:1.25em;} .img-type ul:not(.masonry) li > .text {height:auto;min-height:initial;max-height:98px;} .img-type li > .text {height:58px;margin-top:6px;padding-bottom:10px;font-size:0.9585em;line-height:16px;overflow:hidden;} .img-type li > p.more-view-none {display:none;} .img-type li > .meta {padding-top:15px;font-size:1em;} .img-type li > .meta span:nth-child(2) {padding-left:19px;background-position:0 0;background-size:13px 9px !important;} .img-type .masonry li .inner-wrap > a {margin-top:13px;font-size:1.25em;} .img-type .masonry li .inner-wrap > .text {height:58px;margin-top:6px;padding-bottom:10px;font-size:0.9585em;line-height:16px;overflow:hidden;} .img-type .masonry li .inner-wrap > p.more-view-none {display:none;} .img-type .masonry li .inner-wrap > .meta {padding-top:15px;font-size:1em;} .img-type .masonry li .inner-wrap > .meta span:nth-child(2) {padding-left:19px;background-position:0 0;background-size:13px 9px !important;} .img-type ul {margin-left:0;margin-bottom:0px;} #contents .img-type ul {margin-left:0;margin-bottom:0px;} .img-type li {margin-left:0;margin-bottom:35px;width:100% !important;} .img-type div.more-view a {margin: 20px auto 50px;padding: 7px 12px;font-size: 1.25em;} .img-type li .thumb > .btn a.link {background-size:35px 35px !important;} #contents .img-type li {margin-left:0;margin-bottom:10px;width:100% !important;} .img-type li:last-child {margin-bottom:18px;} #contents .img-type li > a, #contents .img-type .masonry li .inner-wrap > a {margin-top:0;font-size:1em;line-height:1.3;max-height:30px;} #contents .img-type li > .text, #contents .img-type .masonry li .inner-wrap > .text {display:none;} #contents .img-type li > p.more-view, #contents .img-type li > p.more-view-none {display:none;} #contents .img-type li span.date {display:block;margin:7px 0;text-align:left;font-size:0.667em;} #contents .img-type li > .meta {font-size:0.667em;} #contents .img-type .masonry li .inner-wrap > .meta {font-size:0.667em;background:none;} #contents .img-type {padding:30px 0 0;} #contents .img-type .masonry li.box {width:50% !important;} #contents .img-type .masonry li.box .inner-wrap {margin-bottom:10px;} #contents .img-type div.masonry-more-view a {margin:35px auto;font-size:1.125em;padding:10px 30px;} .list-type li .text {margin-bottom:0;} .list-type li {padding:11px 0;} .list-type li .text, .list-type li .more {display:none;} .list-type li > a {width:102px;margin-right:3%;} .list-type li > a > img.thumbnail {width:100%;height:100%;} .list-type li strong {position:absolute;top:25px;left:45%;width:55%;font-size:1.25em;height:38px;line-height:1.33;white-space:normal;} .list-type li .entry-meta {} .list-type li .entry-meta span {position:absolute;font-size:0.833em;} .list-type li .entry-meta span:after {display:none;} .list-type li .entry-meta span:nth-child(2) {left:45%;top:8px;} .list-type li .entry-meta span:nth-child(1) {left:45%;bottom:10px;} .list-type li .entry-meta span:last-child {bottom:10px;right:0;padding-left:18px;background-size:12px 9px !important;} .list-type li .entry-meta span:nth-child(3) {display:none;} .list-type li > a > .bg {background-size:35px 35px;} .list-type li.noImage {min-height:100px;} .list-type li.noImage strong {left:0;width:100%;} .list-type li.noImage .entry-meta span:nth-child(2) {left:0;} .list-type li.noImage .entry-meta span:nth-child(1) {left:0;} /*20151008 수정*/ .list-type li h3{font-size:14px;margin:18px 0 0 0;} #container .cont-wrap {width:100%;padding:0;} #container .location {background-size: cover !important;} #container #aside {display:block;width:100%; border-top:1px solid #bbb;padding:47px 30px 50px;} #container #aside .side-title {font-size:1.5em;padding-bottom:18px;} #container #aside .side-menu > li > a {font-size:1em;font-weight:400;padding:11px 0;} #container #aside .article {margin-top:47px;} #container #aside .article .line-wrap {padding-bottom:17px;} #container #aside .article .line-wrap .tit {font-size:1.417em;} #container #aside .recent-post ul {margin-left:-2.5%;} #container #aside .recent-post ul li {margin-left:2.5%;margin-bottom:10px;width:30.7692308%;} #container #aside .recent-post ul li a img {width:100%;height:auto;} #container #aside .guide ul li {width:100%;height:45px;} #container #aside .guide ul li > span:nth-child(1) {width:36px;} #container #aside .guide ul li > span:nth-child(2) {font-size:0.9585em;width:auto;} #container #aside .tag-box .tag-cloud a {font-size:1em !important;} #container #contents {width:100%;padding:0 9.375%;} #container #contents .page-title {margin-top:30px;padding-bottom:15px;} #container #contents .page-title .tit {font-size:1.417em;} #container #contents .page-title + .entry-meta a {font-size:1em;line-height:1.54;} #POST-CONTENT {padding: 37px 0 17px;} .paging-navigation {margin:35px 0;} .paging-navigation > span {height:30px;line-height:30px;} .paging-navigation .pagination.loop-pagination {height:30px;line-height:30px;} .paging-navigation .pagination.loop-pagination .page-numbers {margin:0 1px;width:30px;height:30px;font-size:0.917em;line-height:30px;border-radius:3px;} .paging-navigation .pagination.loop-pagination .prev, .paging-navigation .pagination.loop-pagination .next, .paging-navigation .pagination.loop-pagination .firstPage, .paging-navigation .pagination.loop-pagination .lastPage {width:30px;} .children {margin-top: 15px;margin-left:0px;} .comment-wrap {padding:15px;} #container #POST-CONTENT p {font-size:1.083em;} #container #POST-CONTENT blockquote {margin:30px 10px !important;padding: 0 25px !important;font-size:1.333em;background-size:15px 12px !important;} .tag-label dd a {font-size:1em;} .tag-label {padding-top: 18px;} .comments-area {margin-top: 17px;} .comment-reply-title span.wrap {padding-right:10px;} .comments-area .comment-list > ol > li {padding: 0 0 15px;} .comments-area .comments-title {padding:15px 0;font-size:1.25em;} .comment-content {margin-top: 23px;} .commentmetadata .fn, .buttonBox a, .commentmetadata .comment-date, .comment-form-comment span {font-size:0.833em;} .comment-wrap .comment-form-comment span {display:block;padding-left:25px;margin-top:8px;} .commentmetadata .fn {padding-right:10px;} .comment-respond {padding: 15px 0;} .buttonBox a {font-weight:700;letter-spacing:0;} .comment-content {font-size:0.875em;} .comment-reply-title span.wrap {font-size:1.25em;} .comment-reply-title span.comment-notes {font-size:0.833em;line-height:1.66;} .comment-form .writer-information-box .writer_info {display:block;width:100%;} .comment-form .writer-information-box .writer_info + p {display:block;width:100%;padding:0;margin-top:10px;} .comment-form-comment {margin-top:10px;} .comment-form .writer-information-box .writer_info input[type=text], .comment-form-comment #comment {font-size:0.9585em;height:35px;line-height:35px;} .comment-form-comment #comment {height:130px;} .comment-form-comment label {font-size:0.833em;} .comment-meta {padding-right:40px;} .buttonBox a {top: 17px; right:15px;} .form-submit {position:static;margin-top:15px;margin-bottom:65px;} .inner-form-submit {margin-top:15px;} .inner-form-submit input[type="submit"], .form-submit input[type="submit"] {padding:10px 20px;font-size:1.333em;letter-spacing:1px;} #container .location {height:84px;} #container .location > div span {height:84px;vertical-align:middle;} #container .location > div span a {padding-bottom: 0;font-size:1.667em;} #contents div.privacy pre {font-size:0.917em;padding:30px 0 70px;line-height:1.81;} .entry-meta > span:last-child {padding-left: 19px;background-size:12px 8px;} .sns-tool .share-sns {height:auto;} .sns-tool {cursor:default;} .sns-tool > a img {width:32px;padding-top:6px;} .sns-tool .share-sns a {width:30px;margin:20px 10px;} .sns-tool .share-sns a.mobile {position:relative;margin-top:0;display:inline-block;} .sns-tool .share-sns a img {width:30px;} #footer .foot-area {width:100%;padding:35px 6.25% 0;} #footer .foot-area .foot-info {margin:0;padding:0;} #footer .foot-area .foot-info > div {width:100%;margin:0 0 40px;border-bottom:1px solid #777777;} #footer .foot-area .foot-info > div.no-content {width:0;height:0;} #footer .foot-area .foot-info > div .tit {padding-bottom:10px;font-size:1em;font-weight:900;letter-spacing:1px;} #footer .foot-area .foot-info .about {padding-bottom:13px;} #footer .foot-area .foot-info .about h3.tit {display:block;text-align:center;height:auto;padding:25px 0;margin:0 auto;} #footer .foot-area .foot-info .about p {margin-top:34px;font-size:1.027em;line-height:1.8;} #footer .foot-area .foot-info .contact h3.tit {margin-bottom:16px;padding-bottom:0;} #footer .foot-area .foot-info .contact {padding-bottom:14px;} #footer .foot-area .foot-info .latest {border-bottom:0;} #footer .foot-area .foot-info .latest ul {margin-bottom:0;} #footer .foot-area .foot-info .latest ul li {padding:0;} #footer .foot-area .foot-info .latest ul li a {font-size:0.917em;line-height:35px;} #footer .foot-area .foot-info .latest ul li a .subj {max-height:35px;} #footer .foot-area .foot-info .api-map .map-area #map_container img {height:131px;} #footer .foot-area .foot-info {} #footer .company-info {padding:20px 0;font-size: 0.833em;} #footer .company-info .inner-wrap {position: relative;width: 100%;margin: 0 auto;} #footer .company-info address {line-height: 1.5;} #footer .foot-area .foot-info > .about h3.tit img {width:166px;} #footer .sns-link {position:static;margin:37px auto;} #footer .sns-link li:first-child a {margin-left:0;} #footer .sns-link li a {width:32px;height:32px;background-size:32px 32px !important;} #footer .foot-area .foot-info > div.design-line {display:none;} #footer .foot-area .foot-info .latest ul li a, #footer .foot-area .foot-info > div p {font-weight:400;} } #POST-CONTENT * { font-family:'나눔고딕','NanumGothic','Nanum Gothic',Arial, Helvetica, sans-serif;line-height:1.5em;color: #2b2b2b} /**/ /* POST RULES */ #POST-CONTENT {padding:30px 0} #POST-CONTENT {line-height: 1.5em;font-family:'Nanum Gothic', Dotum, '돋움', Arial, sans-serif, FontAwesome;font-size: 14px;} /** * 2.0 Headings * ---------------------------------------------------------------------------- */ #POST-CONTENT h1 {font-size:2em;} #POST-CONTENT h2 {font-size:1.5em;} #POST-CONTENT h3 {font-size:1.17em;} #POST-CONTENT h4 {font-size:1em;} #POST-CONTENT h5 {font-size:0.83em;} #POST-CONTENT h6 {font-size:0.7em;} #POST-CONTENT h1 {line-height:1.4em;} #POST-CONTENT h2 {line-height:1.86em;} /*reservation Plugin*/ #POST-CONTENT h3 {line-height:1.16em;} #POST-CONTENT h4 {line-height:2.4em;} #POST-CONTENT h5 {line-height:2.83em;} #POST-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 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:15px;padding:0 0 0 10px;/*color:#767676;*/font-size:19px;font-style:italic;line-height:1.8em;border-left:4px solid skyblue} #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 {font-weight:bold;} #POST-CONTENT dd {margin-bottom:24px;} #POST-CONTENT ul, #POST-CONTENT ol {list-style:none;margin:0 0 24px 20px;} #POST-CONTENT ul {list-style:disc;} #POST-CONTENT ol {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;} /** * 4.0 Links * ---------------------------------------------------------------------------- */ #POST-CONTENT a {color:#282828; 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 * ---------------------------------------------------------------------------- */ #BBSE-CONTENT img, #POST-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 * ---------------------------------------------------------------------------- */ #POST-CONTENT html .mceContentBody.rtl { direction: rtl; unicode-bidi: embed; } #POST-CONTENT .rtl ol, #POST-CONTENT .rtl ul { margin-left: 0; margin-right: 24px; } #POST-CONTENT .rtl .wp-caption, #POST-CONTENT .rtl tr th { text-align: right; } #POST-CONTENT .rtl td { text-align: right; } /** * 9.0 FORMS * ---------------------------------------------------------------------------- */ #POST-CONTENT input[type="text"], #POST-CONTENT input[type="password"], #POST-CONTENT select, #POST-CONTENT textarea {margin:0;padding:3px 5px 2px;line-height:20px;border:1px solid #A9A9A9} /*input[type="file"],*/ #POST-CONTENT input[type="reset"], #POST-CONTENT input[type="submit"], #POST-CONTENT button {margin:0;padding:3px 8px 2px;line-height:20px;font-family:'Nanum Gothic', Dotum, '돋움', Arial, sans-serif, FontAwesome;font-size:12px; border:1px solid #A9A9A9;border-radius:3px;cursor:pointer;box-sizing:border-box; background : -webkit-linear-gradient(top, rgb(255, 255, 255) 00%, rgb(240, 240, 240) 100%); background : -moz-linear-gradient(top, rgb(255, 255, 255) 00%, rgb(240, 240, 240) 100%); background : -ms-linear-gradient(top, rgb(255, 255, 255) 00%, rgb(240, 240, 240) 100%); background : -o-linear-gradient(top, rgb(255, 255, 255) 00%, rgb(240, 240, 240) 100%); background : -linear-gradient(top, rgb(255, 255, 255) 00%, rgb(240, 240, 240) 100%); } #POST-CONTENT input[type="reset"]:hover, #POST-CONTENT input[type="submit"]:hover, #POST-CONTENT button:hover { background : -webkit-linear-gradient(top, rgb(240, 240, 240) 00%, rgb(255, 255, 255) 100%); background : -moz-linear-gradient(top, rgb(240, 240, 240) 00%, rgb(255, 255, 255) 100%); background : -ms-linear-gradient(top, rgb(240, 240, 240) 00%, rgb(255, 255, 255) 100%); background : -o-linear-gradient(top, rgb(240, 240, 240) 00%, rgb(255, 255, 255) 100%); background : -linear-gradient(top, rgb(240, 240, 240) 00%, rgb(255, 255, 255) 100%); } .wp-caption {margin-bottom:24px;padding:10px 5px ;} .wp-caption img[class*="wp-image-"] {display:block;margin:0 auto;} .wp-caption {color:#333;} .wp-caption-text {font-style:italic;line-height:1.5;margin:9px 0 0;padding-right:10px;} .wp-smiley {border:0;margin-bottom:0;margin-top:0;padding:0;} .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} .alignnone { margin: 5px 20px 20px 0; } .aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; } .alignright { float:right; margin: 5px 0 20px 20px; } .alignleft { float: left; margin: 5px 20px 20px 0; } .aligncenter { display: block; margin: 5px auto 5px auto; } a img.alignright { float: right; margin: 5px 0 20px 20px; } a img.alignnone { margin: 5px 20px 20px 0; } a img.alignleft { float: left; margin: 5px 20px 20px 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto } .wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center; } .wp-caption.alignnone { margin: 5px 20px 20px 0; } .wp-caption.alignleft { margin: 5px 20px 20px 0; } .wp-caption.alignright { margin: 5px 0 20px 20px; } .wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; } #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 {} #bbse_board * {line-height:25px;} #bbse_board form {margin:0 0 20px 0;} #bbse_board input[type="text"], #bbse_board select {padding:0;height:25px;line-height:23px;vertical-align:middle;border:1px solid #efefef;} #bbse_board .btn a { padding:4px 10px;color:#414040;text-shadow:1px 1px 0px #fff;border:1px solid #DBDBDB;border-radius:5px; background: #ffffff; background: -moz-linear-gradient(top, #fafafa 0%, #ccc 100%); background: -webkit-linear-gradient(top, #fafafa 0%, #ccc 100%); background: -o-linear-gradient(top, #fafafa 0%, #ccc 100%); background: -ms-linear-gradient(top, #fafafa 0%, #ccc 100%); cursor:pointer; } #bbse_board .paginate {} #bbse_board {clear:both;margin:40px 0;width:100%;} #bbse_board:after {display:block;content:"";clear:both;} #bbse_board > strong {height:32px;line-height:32px;} #bbse_board .paginate {display:block;width:auto;height:32px;line-height:32px;text-align:center;} #bbse_board .paginate a, #bbse_board .paginate strong {display:inline-block;margin:0;padding:0;width:32px;height:32px;line-height:32px;color:#333333;text-align:center;font-family:"Lucida Console", Monaco, monospace;font-size:normal;;border:1px solid #E1E1E1;border-radius:3px;background:#FFFFFF;vertical-align:bottom;} #bbse_board .paginate .pre, #bbse_board .paginate .next, #bbse_board .paginate .pre_end, #bbse_board .paginate .next_end { background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #fafbfc 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#fafbfc)); background: -webkit-linear-gradient(top, #ffffff 0%,#fafbfc 100%); background: -o-linear-gradient(top, #ffffff 0%,#fafbfc 100%); background: -ms-linear-gradient(top, #ffffff 0%,#fafbfc 100%); background: linear-gradient(to bottom, #ffffff 0%,#fafbfc 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fafbfc',GradientType=0 ); } #bbse_board .paginate strong {border:1px solid #C46181;color:#fff;background-color:#C46181;} */ .gPlusAuthor {display:none} .ghostImg {display:block;visibility:hidden;margin:0 auto;max-height:100%;width:auto;} .mainSwiper.swiper-container{position:relative;width:100%;max-height:650px;overflow:hidden;} .mainSwiper.swiper-container .swiper-wrapper {width:100%;height:650px;overflow:hidden;} .mainSwiper.swiper-container .swiper-wrapper .swiper-slide {float:left;position:relative;width:100%;background-size:cover;background-position:50% 50%;} .mainSwiper.swiper-container .swiper-wrapper .swiper-slide .slideContent {display:table;position:absolute;left:50%;top:0;margin:0 0 0 -25%;width:50%;max-height:650px;height:100%;} .mainSwiper.swiper-container .swiper-wrapper .swiper-slide .slideContent .tr {display:table-row;} .mainSwiper.swiper-container .swiper-wrapper .swiper-slide .slideContent .td {display:table-cell;vertical-align:middle;text-shadow:0px 0px 2px #666666, 1px 1px 25px #333} .mainSwiper.swiper-container .swiper-wrapper .swiper-slide .slideContent .title {display:block;margin:0 0 20px 0 ;font-size:3em;font-weight:bold;line-height:1.3em;} .mainSwiper.swiper-container .swiper-wrapper .swiper-slide .slideContent .copy {display:block;font-size:1.083em;line-height:1.3em;} .swiperNav span {display:block;position:absolute;z-index:6;top:50%;margin-top:-35px;padding:0;width:70px;height:70px;line-height:63px;font-size:2.5em;text-align:center;color:#ffffff;cursor:pointer;border:2px solid #ffffff;border-radius:50%;} .swiperNav span.prev {left:30px;} .swiperNav span.next {right:30px;} .swiperNav span i {line-height:63px;} .centerAligner {position:absolute;z-index: 10;left: 0;bottom:20px;margin:0;padding:0;width:100%;text-align:center;} .centerAligner .pagination {display:inline-block;margin:0;width:auto;height:auto;line-height:20px;padding:0 3px;text-align:center;box-sizing:content-box;} .centerAligner .swiper-pagination-switch {display:inline-block;margin:3px 5px;width:16px;height:16px;line-height:20px;text-align:center;opacity: 0.8;border-radius:50%;cursor: pointer;background: #ffffff;box-shadow:0px 0px 2px #666666, 1px 1px 1px #000000} .centerAligner .swiper-visible-switch {background: #ffffff;} .centerAligner .swiper-active-switch {background: #51e577;} .centerAligner .playPause {position:relative;display:inline-block;margin:0 0;padding:0;width:21px;height:21px;line-height:21px;text-align:center;color:#ffffff;vertical-align:top;cursor:pointer} .centerAligner .playPause i {margin:0;padding:0;font-size:21px;line-height:21px;text-shadow:0px 0px 2px #666666, 1px 1px 1px #000000} .row3Swiper.swiper-container{width:100%;max-height:650px;overflow:hidden;} .row3Swiper.swiper-container .swiper-wrapper {width:100%;height:650px;} .row3Swiper.swiper-container .swiper-wrapper .swiper-slide {position:relative;width:100%;height:650px;background-size:cover;background-position:50% 50%;} .row3Swiper.swiper-container .swiper-wrapper .swiper-slide .slideContent {display:table;position:absolute;left:50%;top:0;margin:0 0 0 -25%;width:50%;height:100%;} .row3Swiper.swiper-container .swiper-wrapper .swiper-slide .slideContent .tr {display:table-row;} .row3Swiper.swiper-container .swiper-wrapper .swiper-slide .slideContent .td {display:table-cell;vertical-align:middle;text-shadow:0px 0px 2px #666666, 1px 1px 25px #000000} .row3Swiper.swiper-container .swiper-wrapper .swiper-slide .slideContent .title {display:block;margin:0 0 50px 0 ;font-size:3em;font-weight:bold;line-height:1.3em;text-align:center} .row3Swiper.swiper-container .swiper-wrapper .swiper-slide .slideContent .copy {display:block;font-size:1.083em;line-height:1.3em;text-align:center} .row3Swiper.swiper-container .swiper-wrapper .swiper-slide .slideContent .copy:before {content:'― '} .row3Swiper.swiper-container .swiper-wrapper .swiper-slide .slideContent .copy:after {content:' ―'} .frontRow.row5 {position:relative;width:100%;background-size:cover;background-position:50% 50%;} .frontRow.row5 .row5Title {padding:30px 0 0;text-align:center;} .frontRow.row5 .row5Title .title {display:inline-block;line-height:1.4em;font-size:2.833em;color:#000000;font-weight:bold;border-bottom:1px solid #000000;} .frontRow.row5 .row5Title .copy {display:block;margin:30px 0 50px 0;font-size:1.417em} .row5Swiper.swiper-container{width:100%;max-height:650px;overflow:hidden;} .row5Swiper.swiper-container .swiper-wrapper {width:100%;height:450px !important;margin:0 0 50px;} .row5Swiper.swiper-container .swiper-wrapper .swiper-slide {margin:0 15px;padding:10px;width:247px !important;height:auto;box-shadow:5px 5px 10px #333;background-color:#ffffff} .row5Swiper.swiper-container .swiper-wrapper .swiper-slide .photoFrame {width:247px;height:247px;overflow:hidden;background-size:cover;background-position:50% 50%;} .row5Swiper.swiper-container .swiper-wrapper .swiper-slide .slideContent {} .row5Swiper.swiper-container .swiper-wrapper .swiper-slide .slideContent .title {display:block;margin:20px 0;padding:0 10px;width:100%;height:1.4em;line-height:1.4em;font-size:1.583em;font-weight:bold;color:#000000;overflow:hidden;} .row5Swiper.swiper-container .swiper-wrapper .swiper-slide .slideContent .excerpt {display:block;margin:0 0 15px 0;padding:0 10px;width:100%;height:2.8em;font-size:0.95em;line-height:1.4em;overflow:hidden} .row5Swiper.swiper-container .swiper-wrapper .swiper-slide .slideContent .update {display:block;margin:0 0 0 0;padding:0 10px;width:100%;height:2.8em;font-size:0.95em;line-height:1.4em;overflow:hidden} @media only screen and ( max-width: 1024px ){ .mainSwiper.swiper-container{max-height:500px;} .mainSwiper.swiper-container .swiper-wrapper .swiper-slide {height:500px;} } @media only screen and ( max-width: 768px ){ .mainSwiper.swiper-container {} #contents .img-type div.masonry-more-view .getMore{margin:30px auto;} .frontRow.row5 .row5Title .copy{font-size:12px;margin:20px 20px 50px;line-height:20px;} } @media only screen and ( max-width: 640px ){ html #wpadminbar { display:none !important} .mainSwiper.swiper-container{max-height:250px;} .mainSwiper.swiper-container .swiper-wrapper .swiper-slide, .row3Swiper.swiper-container .swiper-wrapper .swiper-slide{height:250px;} .row5Swiper.swiper-container .swiper-wrapper .swiper-slide {} .mainSwiper.swiper-container .swiper-wrapper .swiper-slide .slideContent .title {font-size:1.5em;} .mainSwiper.swiper-container .swiper-wrapper .swiper-slide .slideContent .copy {font-size:1em;} .row3Swiper.swiper-container .swiper-wrapper .swiper-slide .slideContent .title {margin:0 0 10px 0 ;font-size:1.2em;} .row3Swiper.swiper-container .swiper-wrapper .swiper-slide .slideContent .copy {} .swiperNav span {margin-top:-35px;padding:0;width:40px;height:40px;line-height:38px;font-size:1.4em;} .swiperNav span.prev {left:15px;} .swiperNav span.next {right:15px;} .swiperNav span i {line-height:40px;} .centerAligner {bottom:5px;} } @media only screen and ( max-width: 414px ){ .mainSwiper.swiper-container {} }