@charset "UTF-8";
@import url('//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSansNeo.css');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');
@import url('/resource/css/reset.css');

/*Common*/
.btn {display:inline-block;width:245px;height:40px;line-height:38px;font-weight:400;color:#4B8CE5;text-align:center;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#fff;border:1px solid #4B8CE5;border-radius:30px;padding:0;font-size:14px;cursor:pointer;box-sizing:border-box;}
.btn:focus, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus {outline:none;}
.btn:hover, .btn:focus, .btn.focus {text-decoration:none;}
.btn-blue {background-color:#4B8CE5;color:#fff;}
.btn-top {display:none;position:fixed;bottom:15px;right:18px;width:50px;height:50px;background:url('/resource/images/footer_top_btn.png') no-repeat;background-size:cover;z-index:999;}
.btn-top span {display:block;overflow:hidden;position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0;clip:rect(0,0,0,0);}
.hidden {overflow:hidden;position:absolute;width:1px;height:1px;margin:-1px;padding:0;clip:rect(0, 0, 0, 0);}
.roboto {font-family:'Roboto';letter-spacing:0;}
.no-scroll {overflow:hidden;}
.blt_caution > li {position:relative;line-height:24px;padding-left:15px;word-break:keep-all;}
.blt_caution > li:before {content:'※';position:absolute;top:0;left:0;}
.blt_list > li {position:relative;line-height:24px;padding-left:15px;word-break:keep-all;}
.blt_list > li:before {content:'-';position:absolute;top:0;left:0;}
.blt_num > li {position:relative;line-height:24px;padding-left:15px;word-break:keep-all;}
.blt_hangeul > li {position:relative;line-height:24px;padding-left:20px;word-break:keep-all;}
.blt_hangeul > li:nth-child(1):before {content:'가.';position:absolute;top:0;left:0;} /* 가. */
.blt_hangeul > li:nth-child(2):before {content:'나.';position:absolute;top:0;left:0;}
.blt_hangeul > li:nth-child(3):before {content:'다.';position:absolute;top:0;left:0;}

/* wrapper */
.wrapper {background:#fff;}
.header .drawer {position:relative;}
.header .drawer.-active:before {content:'';position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;background:rgba(0, 0, 0, 0.7);-webkit-transition:all 0.6s cubic-bezier(0.77, 0, 0.175, 1);-moz-transition:all 0.6s cubic-bezier(0.77, 0, 0.175, 1);-ms-transition:all 0.6s cubic-bezier(0.77, 0, 0.175, 1);-o-transition:all 0.6s cubic-bezier(0.77, 0, 0.175, 1);transition:all 0.6s cubic-bezier(0.77, 0, 0.175, 1);z-index:1000;}
.header .drawer.-active .body {-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);-webkit-transition:all 0.6s cubic-bezier(0.77, 0, 0.175, 1);-moz-transition:all 0.6s cubic-bezier(0.77, 0, 0.175, 1);-ms-transition:all 0.6s cubic-bezier(0.77, 0, 0.175, 1);-o-transition:all 0.6s cubic-bezier(0.77, 0, 0.175, 1);transition:all 0.6s cubic-bezier(0.77, 0, 0.175, 1);/* display:block \0/IE9;*/;overflow-y:auto;}
.header .drawer.-active > .btn-close {visibility:visible;opacity:1;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
.header .drawer .head {position:fixed;width:100%;top:0;left:0;border-bottom:1px solid rgba(255, 255, 255, .25);}
.header .drawer .head.main {background:transparent}
.header .drawer .head.bgWhite {background:#fff;}
.header .drawer .head.bgWhite .menu-open span {background-color:#4b4b4b;}
.header .drawer .head.sub {background:#fff;}
.header .drawer .head.sub .menu-open span {background-color:#4b4b4b;}
.header .drawer .head h1 {position:relative;width:121px;padding:23px 0 22px 20px;z-index:999;}
.header .drawer .head h1 a {display:block;font-size:0;background:url('/resource/images/logo.png') no-repeat 0 center;width:121px;height:15px;background-size:cover;}
.header .drawer .head .menu-open {position:absolute;top:0;right:0;width:66px;height:61px;}
.header .drawer .head .menu-open span {display:block;width:24px;height:2px;background:#fff;margin:7px auto;margin-top:0;}
.header .drawer .head .menu-open span:last-child {margin-bottom:0;}

.header .drawer .body {-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);-o-transform:translateX(-100%);transform:translateX(-100%);position:fixed;top:0;right:0;bottom:0;left:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;width:86.1%;max-width:310px;height:100vh;background-color:#fff;z-index:9999;/* display:none \0/IE9;*/}
.header .drawer .body .logo {display:block;font-size:0;background:url('/resource/images/logo.png') no-repeat 0 center;width:14.5rem;height:60px;margin:0 auto;background-size:14.5rem 3rem;}
.header .drawer .body .menu-close {overflow:hidden;white-space:nowrap;text-indent:100%;position:absolute;top:17px;left:17px;width:25px;height:25px;background:url('/resource/images/sp_icon.png') no-repeat -80px -3px;background-size:250px 250px;border:0;z-index:1000;}
.header .drawer .nav {margin-top:70px;padding:0 35px 0 30px;}
.header .drawer .nav > ul > li > a {position:relative;display:block;padding:22px 0;font-size:20px;font-weight:bold;border-bottom:1px solid #e9e9e9;}
.header .drawer .nav > ul > li > a:before {content:'';position:absolute;top:50%;right:7px;width:18px;height:11px;background:url('/resource/images/sp_icon.png') no-repeat -2px -35px;background-size:250px 250px;}
.header .drawer .nav > ul > li.none > a:before {content:none;}
.header .drawer .nav > ul li.-active > a:before {background:url('/resource/images/sp_icon.png') no-repeat -2px -22px;background-size:250px 250px;}
.header .drawer .nav > ul li.-active .drop-menu {visibility:visible;opacity:1;height:auto;padding:14px 0;border-bottom:1px solid #e9e9e9}
.header .drawer .nav > ul li.-active .drop-menu li a {display:block;padding:14px 0;color:#454545;font-size:18px;font-weight:500;}
.header .drawer .nav > ul li .drop-menu {visibility:hidden;opacity:0;height:0;}
.header .drawer .nav > ul li .drop-menu ul li a:hover {color:#695ca0;font-weight:700;}

.footer {background:#505760;color:#FFFFFFCC;font-weight:300;}
.footer .aligner {position:relative;max-width:128rem;margin:0 auto;padding:1.60px 0 2.60px;}
.footer .ft-link {text-align:left;margin:0 15px;border-bottom:1px solid #454c56;}
.footer .ft-link li {display:inline-block;}
.footer .ft-link li:first-child a {font-weight:500;}
.footer .ft-link li a {display:block;position:relative;padding:30px 0 18px;font-weight:300;color:#FFFFFFCC;letter-spacing:-0.98px;}
.footer .ft-link li + li a {margin-left:16px;}
.footer .ft-link li + li a:after {content:'';position:absolute;top:30px;left:-8px;width:1px;height:15px;background-color:#5d646e;}
.footer .ft-info {position:relative;margin-top:30px;margin-bottom:22px;text-align:center;padding:0 25px;text-align:left;}
.footer .ft-info .info .company_name {display:block;font-weight:bold;margin-bottom:12px;}
.footer .ft-info .info .tel a {color:#FFFFFFCC}
.footer .ft-info .info .tel + span {margin-left:3px;font-size:12px;}
.footer .ft-info .info .mail {width:41px;height:41px;position:absolute;top:0;right:73px;background:url('/resource/images/sp_icon.png') no-repeat -112px -2px;background-size:250px 250px;}
.footer .ft-info .info .location {width:41px;height:41px;position:absolute;top:0;right:23px;background:url('/resource/images/sp_icon.png') no-repeat -160px -85px;background-size:250px 250px;}
.footer .ft-info .info address {margin:26px 0 5px;line-height:24px;font-style:normal;}
.footer .ft-family {position:relative;}
.footer .ft-family a {display:block;font-size:16px;font-weight:500;color:#EAEAEA;width:calc(100% - 40px);height:40px;margin:0 20px;background:#454B52;border-bottom: 1px solid #50545C;text-align:left;border-radius:10px;line-height:40px;text-indent:20px;}
.footer .ft-family > a {background:#454B52 url('/resource/images/footer_arrow_up.png') no-repeat calc(100% - 17px);background-size:14px 8px;}
.footer .ft-family > a.active {background:#454B52 url('/resource/images/footer_arrow_down.png') no-repeat calc(100% - 17px);background-size:14px 8px;}
.footer .ft-family ul.family-list {display:none;position:absolute;width:100%;top:-40px;}
.footer .ft-notice {margin-top:30px;padding:39px 20px 40px;background-color:#454B52;}
.footer .ft-notice p {font-size:12px;font-weight:300;line-height:22px;}
.footer .ft-notice .bi {width:88px;margin:24px auto 0;}

.container {position:relative;width:100%;}
.container.sub {padding-top:60px;}
.main-banner:before {content:'';position:absolute;bottom:0;left:50%;transform:translate(-50%,0);width:1px;height:50px;background-color:#ccc;z-index:1;}
.main-banner:after {content:'';position:absolute;bottom:-50px;left:50%;transform:translate(-50%,0);width:1px;height:50px;background-color:#ccc;z-index:1;}


/* sub */
.sub_visual {position:relative;width:100%;height:160px;background:url('/resource/images/sub/sub_topimg_01.jpg') no-repeat center;background-size:100% auto;text-align:center;}
.sub_visual .txt {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;}
.sub_visual h2 {font-size:24px;font-weight:bold;margin-bottom:21px;color:#fff}
.sub_visual div {font-size:15px;line-height:21px;color:#fff}

.sub_visual.bg_aboutDog {background:url('/resource/images/sub/sub_topimg_01_1.jpg') no-repeat center;background-size:100% auto;}
.sub_visual.bg_historyDog {background:url('/resource/images/sub/sub_topimg_01_2.jpg') no-repeat center;background-size:100% auto;}
.sub_visual.bg_training {background:url('/resource/images/sub/sub_topimg_01_3.jpg') no-repeat center;background-size:100% auto;}
.sub_visual.bg_memory {background:url('/resource/images/sub/sub_topimg_02_4.jpg') no-repeat center;background-size:100% auto;}
.sub_visual.bg_guide {background:url('/resource/images/sub/sub_topimg_03_1.jpg') no-repeat center;background-size:100% auto;}
.sub_visual.bg_volunteer {background:url('/resource/images/sub/sub_topimg_03_2.jpg') no-repeat center;background-size:100% auto;}
.sub_visual.bg_adoption {background:url('/resource/images/sub/sub_topimg_04_2.jpg') no-repeat center;background-size:100% auto;}
.sub_visual.bg_location {background:url('/resource/images/sub/sub_topimg_03_5.jpg') no-repeat center;background-size:100% auto;}
.sub_visual.bg_aboutCenter {background:url('/resource/images/sub/sub_topimg_02_1.jpg') no-repeat center;background-size:100% auto;}
.sub_visual.bg_aboutLife {background:url('/resource/images/sub/sub_topimg_02_2.jpg') no-repeat center;background-size:100% auto;}
.sub_visual.bg_etiquette {background:url('/resource/images/sub/sub_topimg_02_3.jpg') no-repeat center;background-size:100% auto;}
.sub_visual.bg_visit {background:url('/resource/images/sub/sub_topimg_03_4.jpg') no-repeat center;background-size:100% auto;}
.sub_visual.bg_global {background:url('/resource/images/sub/sub_topimg_03_5.jpg') no-repeat center;background-size:100% auto;}
.sub_visual.bg_news {background:url('/resource/images/sub/sub_topimg_04_1.jpg') no-repeat center;background-size:100% auto;}
.sub_visual.bg_board {background:url('/resource/images/sub/sub_topimg_04_2.jpg') no-repeat center;background-size:100% auto;}
.sub_visual.bg_photoGallery {background:url('/resource/images/sub/sub_topimg_04_3.jpg') no-repeat center;background-size:100% auto;}

.breadcrumbs-list {height:45px;border-bottom:1px solid #EBEBEB;font-size:0;}
.breadcrumbs-item {position:relative;display:inline-block;width:142px;height:100%;font-weight:400;font-size:15px;color:#474747;vertical-align:middle;line-height:45px;;box-sizing:border-box;}
.breadcrumbs-item:first-child {width:50px;text-align:center;}
.breadcrumbs-item:first-child a {padding-left:0;}
.breadcrumbs-item:first-child a:after {display:none}
.breadcrumbs-item .home {width:17px;height:16px;margin-top:14px;vertical-align:middle;display:inline-block;overflow:hidden;background:url('/resource/images/sp_icon.png') no-repeat -159px 0;background-size:250px 250px;font-size:5px;vertical-align:top;color:transparent;}
.breadcrumbs-item > a {position:relative;display:inline-block;width:100%;font-size:13px;color:#3E3E3E;;padding-left:10px;box-sizing:border-box;border-right:1px solid #EBEBEB;}
.breadcrumbs-item > a:after {content:'';position:absolute;top:50%;margin-top:-4px;right:9px;display:inline-block;width:13px;height:8px;background:url('/resource/images/sp_icon.png') no-repeat -94px -58px;background-size:250px 250px;vertical-align:middle;}
.breadcrumbs-item > a + ul {position:relative;display:none;margin-left:-1px;border:1px solid #EBEBEB;background:#F8F8F8;z-index:1;}
.breadcrumbs-item > a + ul li {padding-left:10px;border-bottom:1px solid #EBEBEB;}
.breadcrumbs-item > a + ul li:last-child {border-bottom:0;}
.breadcrumbs-item > a + ul li a {font-size:13px;letter-spacing:-0.65px;color:#777;}
.breadcrumbs-item > a.active:after {background-position:-94px -70px;}
.breadcrumbs-item > a.active + ul {display:block;}


/* 슬라이드 */
.slick-dots-wrap {position:absolute;left:50%;transform:translate(-50%, 0);bottom:70px;}
.slick-dots {display:inline-block;}
.slick-dots li {display:inline-block;margin:0 5px;vertical-align:top;}
.slick-dots li button {width:12px;height:12px;background:transparent;border:2px solid #fff;text-indent:-9999px;font-size:0;border-radius:50%;opacity:0.6;}
.slick-dots li.slick-active button {background:#fff;opacity:1;}
.slick-control {display:inline-block;vertical-align:top;margin-left:15px;}
.slick-control button {display:block;width:12px;height:12px;}
.slick-control button.play {background:url('/resource/images/sp_icon.png') no-repeat -76px -39px;background-size:250px 250px;}
.slick-control button.pause {background:url('/resource/images/sp_icon.png') no-repeat -53px -39px;background-size:250px 250px;}

/* 모달 */
.modal {position:fixed;z-index:9999;/* 1 */top:0;left:0;visibility:hidden;width:310px;height:100%;}
.modal.is-visible {visibility:visible;}
.modal-overlay,
.modal-container {position:fixed;z-index:9000;top:0;left:0;width:100%;height:100%;visibility:hidden;opacity:0;}
.modal-overlay {background:#0000008B}
.modal.is-visible .modal-overlay,
.modal.is-visible .modal-container {opacity:1;visibility:visible;transition-delay:0s;}
.modal.is-visible .modal-container {overflow:auto;/* 1 */-webkit-overflow-scrolling:touch;/* 1 */}
.modal-wrapper {position:absolute;z-index:10000;top:50%;left:50%;transform:translate(-50%,-50%);width:310px;max-height:520px;overflow-y:auto;background-color:#fff;background-color:#F2F2F2;border-radius:20px;box-shadow:0px 3px 30px #00000029;}
.modal-header {padding:20px 0 15px;text-align:center;}
.modal-header h2{font-size:19px;line-height:28px;}
.modal-header div {margin-top:5px;font-size:14px;line-height:22px;color:#454545}
.modal-header .txt-info {text-align:left;}
.modal-body.terms .modal-content {padding:40px 15px 30px;margin:0 9px;border-top:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;}
.modal-body.terms .modal-content dl {margin-bottom:30px;text-align:left;}
.modal-body.terms .modal-content dl.last {margin-bottom:0;}
.modal-body.terms .modal-content dl dt {font-size:14px;font-weight:bold;color:#454545;margin-bottom:15px;}
.modal-body.terms .modal-content dl dd {font-size:13px;line-height:22px;color:#5B5B5B}
.modal-body.terms .modal-content dl dd ul li {position:relative;margin-top:15px;padding-left:15px;font-size:12px;line-height:20px;}
.modal-body.terms .modal-content dl dd.case1 {position:relative;padding-left:15px;}
.modal-body.terms .modal-content dl dd.case1:before {content:'2.';position:absolute;top:0;left:0;}
.modal-body.terms .modal-content dl dd.case2 {position:relative;padding-left:15px;}
.modal-body.terms .modal-content dl dd.case2:before {content:'①';position:absolute;top:0;left:0;}
.modal-body.terms .modal-content dl dd.case2 ul li:before {content:'4.';position:absolute;top:0;left:0;}
.modal-body.terms .modal-content dl dd.case2 ul li:nth-child(2) {margin-bottom:15px;}
.modal-body.terms .modal-content dl dd.case2 ul li:nth-child(2):before {content:'6.';position:absolute;top:0;left:0;}
.modal-body.terms .modal-content dl dd.case3 {position:relative;padding-left:15px;}
.modal-body.terms .modal-content dl dd.case3:before {content:'③';position:absolute;top:0;left:0;}
.modal-body.terms .modal-content dl dd.case3 ul li:before {content:'1.';position:absolute;top:0;left:0;}
.modal-body.terms div {padding:35px 0;font-size:13px;line-height:22px;color:#454545;text-align:center;}
.modal-body.terms div b {display:block;font-size:14px;}

.modal-body.mail .modal-content {text-align:center;padding:30px 15px 30px;margin:0 9px;border-top:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;}
.modal-body.mail .modal-content dl {margin-bottom:20px;}
.modal-body.mail .modal-content dl dt {font-size:14px;line-height:22px;font-weight:bold;color:#454545;margin-bottom:15px;}
.modal-body.mail .modal-content dl dd {font-size:13px;line-height:22px;color:#5B5B5B;word-break:keep-all;}
.modal-body.mail .modal-content .btn-area {font-size:0;}
.modal-body.mail .modal-content .btn {width:125px;}
.modal-body.mail .modal-content .btn-blue {margin-left:10px;}

.modal-header {position:relative;}
.modal-heading {font-size:1.125em;margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.modal-close {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:31px;height:31px;background:url('/resource/images/sp_icon.png') no-repeat -45px -2px;background-size:250px 250px;}


/* 모달 - 작성폼 */
.modal-body.write .modal-content {padding:20px 10px 30px;margin:0 8px;border-top:1px solid #dfdfdf;}

/* 모달 - 방명록 상세 */

#popupMemoryBoard .modal-header {padding:20px 20px 15px;}
#popupMemoryBoard .modal-header h2 {font-size:21px;line-height:30px;font-weight:500;}
#popupMemoryBoard .modal-header .badge {margin:20px 0 10px;}
#popupMemoryBoard .modal-content {line-height:24px;padding:20px 10px 30px;margin:0 8px;border-top:1px solid #dfdfdf; word-break:break-word;}
#popupMemoryBoard .btn-area.edit {border-top:2px solid #454545;padding-top:20px;}

/* 모달 - 안내견 추모관 강아지 갤러리 */
#popupMemory .modal-header {display:none;}
#popupMemory .modal-wrapper {width:95%;max-width:340px;}
.modal-body.momory {padding:10px;}
.modal-body.momory img {border-radius:10px;}

/* 모달 - 포토갤러리 갤러리 */
#popupPhotoGallery .modal-header {padding:0 30px;text-align:left;overflow:hidden}
#popupPhotoGallery .modal-header h2 {margin:23px 0 10px;font-size:18px;color:#454545;line-height:24px;font-weight:300;}
#popupPhotoGallery .modal-header .date {font-size:13px;color:#898989;font-weight:300;}
#popupPhotoGallery .modal-header .view {font-size:13px;color:#898989;font-weight:300;float:right;}
#popupPhotoGallery .modal-wrapper {width:95%;max-width:340px;}
.modal-body.photo {padding:17px 10px 10px;}
.modal-body.photo img {border-radius:10px;}

/* #popupPhotoGallery {width:100%;height:100%;}
#popupPhotoGallery .modal-header {padding:0 30px;text-align:left;overflow:hidden}
#popupPhotoGallery .modal-header h2 {margin:23px 0 10px;font-size:18px;color:#454545;line-height:24px;font-weight:300;}
#popupPhotoGallery .modal-header .date {font-size:13px;color:#898989;font-weight:300;}
#popupPhotoGallery .modal-header .view {font-size:13px;color:#898989;font-weight:300;float:right;}
#popupPhotoGallery .modal-wrapper {width:100%;max-width:100%;max-height:100%;background-color:#000;border-radius:0;}
#popupPhotoGallery .aaa {width:100%;height:300px;overflow:hidden;}
.modal-body.photo {}
.modal-body.photo img {}
 */

 /* 모달 - 이메일주소 무단수집거부 */
#popupCert .modal-wrapper {background:#fff;}
#popupCert .modal-content {padding-top:20px;text-align:left;}
#popupCert .modal-close {display:none}
#popupCert .modal-content p {line-height:22px;margin-bottom:20px;font-size:13px;}
#popupCert .modal-content dl dt {margin-bottom:0;font-size:13px;}

 /* 모달 - 버튼모달 */
#popupInfo .modal-close {display:none}
#popupInfo .modal-content {padding:40px 15px 30px;margin:0 9px;text-align:center;}
#popupInfo .modal-content p {line-height:22px;margin-bottom:20px;font-size:13px;}
#popupInfo .modal-content .btn-area a {width:100px;margin-right:8px;}
#popupInfo .modal-content .btn-area a:last-child {margin-right:0;}


/* 메인 */
.main-banner {position:relative;}
.main-banner .txt {position:absolute;top:120px;left:50%;transform:translateX(-50%);width:260px;color:#fff;text-align:center;z-index:999;}
.main-banner .txt h2 {font-size:40px;line-height:52px;margin-bottom:14px;}
.main-banner .txt p {font-size:18px;line-height:28px;}

.main-cont01 {position:relative;padding:90px 0 30px;background:#EDF3FA;}
.main-cont01::after {content:'';background-color:#fff;position:absolute;left:0;bottom:0;width:100%;height:10px;}
.main-cont01 h2 {font-size:26px;line-height:36px;text-align:center;margin-bottom:60px;}
.main-cont01 ul li {padding-bottom:60px;}
.main-cont01 ul li > img {width:100%;}
.main-cont01 ul li .info {position:relative;padding-left:30px;} 
.main-cont01 ul li h3 {position:absolute;top:-20px;font-size:26px;line-height:36px;}
.main-cont01 ul li p {font-size:16px;line-height:23px;padding:33px 0 26px;}
.main-cont01 ul li .btn-more {position:relative;font-size:16px;color:#4B8CE5;padding-right:26px;}
.main-cont01 ul li .btn-more:before {content:'';position:absolute;top:3px;right:0;width:18px;height:16px;background:url('/resource/images/sp_icon.png') no-repeat -3px -2px;background-size:250px 250px;}

.main-cont02 {position:relative;padding:50px 25px 60px;background:#F7F5F0;}
.main-cont02 h2 {position:relative;font-size:22px;line-height:33px;border-bottom:1px solid #E7E7E7;padding-bottom:25px;}
.main-cont02 h2 span {font-size:18px;color:#4B8CE5 }
.main-cont02 h2 .btn-more {position:absolute;top:25%;transform:translateY(-50%);right:0;width:15px;height:25px;background:url('/resource/images/sp_icon.png') no-repeat -28px -2px;background-size:250px 250px;}
.main-cont02 ul li {padding:14px 0 15px;border-bottom:1px solid #E7E7E7;}
.main-cont02 ul li a {display:block;font-size:16px;line-height:24px;margin-bottom:4px;}
.main-cont02 ul li .new {width: 16px;height: 16px;background: url('/resource/images/sp_icon.png') no-repeat -27px -48px;background-size: 250px 250px;display: inline-block;text-indent: -9999px;vertical-align: middle; margin: -1px 0 0 3px;}
.main-cont02 ul li .date {font-weight:300;color:#B1B1B1;}

.main-cont03 {padding:37px 25px 100px;}
.main-cont03 h2 {position:relative;font-size:22px;line-height:33px;padding-bottom:29px;}
.main-cont03 ul li {padding:0 0 16px;}
.main-cont03 ul li a {position:relative;display:block;font-size:16px;line-height:23px;padding-right:90px;}
.main-cont03 ul li a span {position:absolute;top:0;right:26px;font-size:16px;color:#4B8CE5;}
.main-cont03 ul li a:after {content:'';display:inline-block;position:absolute;top:0;right:0;width:18px;height:16px;margin-left:5px;background:url('/resource/images/sp_icon.png') no-repeat -3px -2px;background-size:250px 250px;}
.main-cont03 iframe {width:100%;height:174px;margin-bottom:26px;border:0}

#popupMain {position:fixed;width:340px;height:220px;top:60%;left:50%;transform:translate(-50%,0);background-color:#fff;border-radius:20px;padding:25px 27px;box-sizing:border-box;box-shadow:0px 3px 20px #00000029;}
/* #popupMain {height:196px;} */
#popupMain:before {position:absolute;bottom:0;right:25px;content:'';display:block;width:79px;height:112px;background:url('/resource/images/main_pop_img.png') no-repeat bottom right;background-size:cover;z-index:-1;}
#popupMain .modal-close {left:auto;transform:translate(0,0);}
#popupMain h2 {font-size:18px;line-height:26px;color:#4B8CE5;margin-bottom:13px;}
#popupMain .modal-content {font-size:13px;line-height:20px;font-weight:300;}
#popupMain .modal-content b {font-weight:500;}
#popupMain .modal-content span {display:block;font-size:13px;color:#4B8CE5;margin-top:13px;}
#popupMain .modal-close {position:absolute;top:10px;right:10px;width:30px;height:30px;}


/* 공모전 팝업 */ 
#popupMain.award {background-color:#5ac2e7; }
#popupMain.award:before { bottom:0;right:0;content:'';display:block;width:150px;height:142px;background:url('/resource/images/main_pop_img2.png') no-repeat bottom right;background-size:cover;z-index:-1;}
#popupMain.award h2 { font-size:22px;line-height:28px;color:#033ede;}
#popupMain.award .modal-content { font-size:14px; color:#fff; font-weight:500; }
#popupMain.award .modal-content span { font-size:15px; margin-top:13px;}
#popupMain.award .modal-content span a { color:#fff; }




.aboutDog {}/* 안내견이란 */
.aboutDog .sub-cont01 {padding:60px 0 54px;}
.aboutDog .sub-cont01 .intro {font-size:18px;font-weight:bold;line-height:30px;text-align:center;margin:0 30px;}
.aboutDog .sub-cont01 .intro span {font-size:14px;color:#747474;}
.aboutDog .sub-cont01 img {display:block;width:calc(100% - 60px);margin:20px auto 0;}
.aboutDog .sub-cont02 {position:relative;padding:47px 0 64px;background:#F7F5F0}
.aboutDog .sub-cont02 h3 {position:relative;font-size:24px;line-height:34px;margin-left:30px;}
.aboutDog .sub-cont02 h3:after {content:'';width:2px;height:60px;background-color:#e1e1e1;position:absolute;top:-75px;left:50%;transform:translate(-50%,0);display:block;}
.aboutDog .sub-cont02 p {margin:25px 32px 0 30px;font-size:14px;line-height:24px;text-align:left;}
.aboutDog .sub-cont02:after {content: '';background-color: #fff;position: absolute;left: 0;bottom: 0;width: 100%;height: 10px;}
.aboutDog .sub-cont03 {position:relative;background-color:#EBE8E1;padding:50px 0 55px;text-align:left;}
.aboutDog .sub-cont03 h3 {font-size:24px;line-height:32px;margin-left:30px;margin-bottom:23px;color:#454545;}
.aboutDog .sub-cont03 p {font-size:14px;line-height:24px;margin:30px;}
.aboutDog .sub-cont03 p b {font-size:18px;}
.aboutDog .sub-cont03 .type {margin:0 30px;padding-bottom:30px;border-bottom:1px solid #D3D3D3;overflow:hidden;}
.aboutDog .sub-cont03 .type div {width:calc(50% - 10px);float:left;text-align:center;}
.aboutDog .sub-cont03 .type div:last-child {float:right}
.aboutDog .sub-cont03 .type div img {margin-bottom:15px;}
.aboutDog .sub-cont03 .type div span {font-size:13px;line-height:19px;}
.aboutDog .sub-cont03 ul {margin:0 30px;}
.aboutDog .sub-cont03 ul li {position:relative;margin-bottom:17px;padding-left:37px;line-height:24px;word-break:keep-all;}
.aboutDog .sub-cont03 ul li b {position:absolute;top:0;left:0;}
.aboutDog .sub-cont03 ul li:last-child{margin-bottom:0;}
.aboutDog .sub-cont03:after {content: '';background-color: #fff;position: absolute;left: 0;bottom: 0;width: 100%;height: 10px;}
.aboutDog .sub-cont04 {position:relative;padding:52px 0 45px;background:#EFF2F5;overflow-x:hidden}
.aboutDog .sub-cont04:after {content:'';background-color:#fff;position:absolute;left:0;bottom:0;width:100%;height:10px;}
.aboutDog .sub-cont04 h3 {font-size:26px;line-height:36px;margin-left:30px;}
.aboutDog .sub-cont04 dl {position:relative;margin:70px 32px 0 32px;}
.aboutDog .sub-cont04 dl dt {position:relative;margin-bottom:10px;padding-top:170px;font-size:20px;line-height:36px;z-index:1;font-weight:bold;letter-spacing:-0.2px;}
.aboutDog .sub-cont04 dl dt span {font-size:14px;font-weight:300;}
.aboutDog .sub-cont04 dl dd {font-size:13px;line-height:24px;word-break:keep-all;}
.aboutDog .sub-cont04 dl dd img {position:absolute;top:0;left:-32px;width:100vw;height:190px;}
.aboutDog .sub-cont04 dl.first {margin-top:43px;}
.aboutDog .sub-cont04 dl.third dt {padding-top:112px;}
.aboutDog .sub-cont04 dl.third dd img {max-height:130px;}
.aboutDog .sub-cont04 dl.last {padding-bottom:78px;}
.aboutDog .sub-cont04 dl.last dt {padding-top:155px;}
.aboutDog .sub-cont04 dl.last dd img {max-height:130px;}
.aboutDog .sub-cont04 dl.last:after {content:'';position:absolute;bottom:35px;left:0;width:100%;height:1px;background:#d1d1d1;}
.aboutDog .sub-cont04 dl:nth-child(n+4) dd {font-size:14px;}
.aboutDog .sub-cont04 .btn_wrap {text-align:center;}
.aboutDog .sub-cont04 .btn_wrap span {display:block;margin-top:5px;margin-bottom:20px;font-size:12px;line-height:24px;}
.aboutDog .sub-cont05 {position:relative;padding:57px 31px 91px;background:#F7F5F0}
.aboutDog .sub-cont05:after {content: '';background-color: #fff;position: absolute;left: 0;bottom: 0;width: 100%;height: 10px;}
.aboutDog .sub-cont05 h3 {margin-bottom:30px;font-size:24px;}
.aboutDog .sub-cont05 p {line-height:24px;}

.training {background-color:#ECF0F5;padding:50px 0 94px;}/* 세계유관기관 */
.training .item {position:relative;margin:0 25px 90px;padding:28px 27px 48px;background-color:#fff;box-shadow:0px 0px 15px #B1B1B141;border-radius:15px;}
.training .item:last-child {margin:0 25px 0;}
.training .item > span {display:block;font-size:15px;font-weight:bold;color:#4E8DE6;text-align:center;}
.training .item img {display:block;width:100%;max-width:245px;margin:0 auto;}
.training .item a {position:absolute;bottom:-20px;left:50%;transform:translate(-50%,0);display:block;width:201px;height:43px;text-indent:24px;font-size:12px;color:#fff;background:#4E8DE6;border-radius:30px;line-height:43px;}
.training .item a:before {content:'';position:absolute;top:15px;right:21px;width:14px;height:12px;background:url('/resource/images/sp_icon.png') no-repeat -3px -51px;background-size:250px 250px;}
.training .item div {text-align:center;}
.training .item .type1 {margin-bottom:20px;}
.training .item .type1 b {font-weight:bold;font-size:18px;line-height:25px;}
.training .item .type1 span {font-size:16px;line-height:25px;}
.training .item .type2 {margin-bottom:0;}
.training .item .type2 b {font-weight:bold;font-size:22px;line-height:18px;}
.training .item .type2 span {display:block;font-size:11px;line-height:18px;margin-top:4px;}
.training .item .type3 {margin-bottom:0;}
.training .item .type3 b {font-weight:bold;font-size:20px;line-height:18px;}
.training .item .type3 span {font-weight:bold;font-size:20px;line-height:18px;}
.training .item .type4 {margin-bottom:0;}
.training .item .type4 b {font-weight:bold;font-size:22px;line-height:18px;}
.training .item .type4 span {display:block;font-size:11px;line-height:18px;}
.training .item ul {margin:15px 0;padding:17px 0;font-size:0;border-top:1px solid rgba(195, 195, 195, 0.39);border-bottom:1px solid rgba(195, 195, 195, 0.39);}
.training .item ul li {display:inline-block;font-size:11px;line-height:22px;}
.training .item ul li:nth-child(2n-1) {margin-left:5px;width:calc(46% - 5px);}
.training .item ul li:nth-child(2n) {margin-right:5px;width:calc(54% - 5px);}
.training .item ul li:nth-child(n+5) {width:100%;margin-left:5px;margin-right:0;}
.training .item ul li b {font-size:11px;margin-right:5px;}
.training .item ul li b span {font-size:11px;font-weight:400;}
.training .item p {font-size:12px;color:#3E3E3E;line-height:23px;text-align:center;}
.training .item p span {font-size:12px;}
.training .item p + p {margin-top:17px;}
.more {width:100%;padding:28px 25px 95px;background:#F7F7F7;box-sizing:border-box;border-top:1px solid #ebebeb;}
.more dl dt {font-size:16px;font-weight:500;color:#454545;margin-bottom:12px;opacity:0.73;}
.more dl dd {overflow:hidden;}
.more dl dd a {float:left;width:calc(33.3% - 14px);margin-right:20px;}
.more dl dd a:last-child {margin-right:0;}
.more dl dd a img {width:100%;}


.aboutCenter {}/* 삼성화재 안내견학교 */
.aboutCenter h3 {position:relative;font-size:26px;line-height:36px;}
.aboutCenter .sub-cont01 {position:relative;padding:60px 0 40px;}
.aboutCenter .sub-cont01 .intro {font-size:20px;font-weight:bold;line-height:32px;text-align:center;margin:0 30px 30px;}
.aboutCenter .sub-cont01 img {display:block;width:calc(100% - 60px);margin:0 auto 40px;}
.aboutCenter .sub-cont01 h3 {margin:80px 30px 30px;}
.aboutCenter .sub-cont01 h3:after {content:'';width:2px;height:60px;background-color:#e1e1e1;position:absolute;top:-100px;left:50%;transform:translate(-50%,0);display:block;}
.aboutCenter .sub-cont01 p {margin:0 30px 40px;font-size:14px;line-height:24px;text-align:left;}
.aboutCenter .sub-cont01:after {content:'';background-color:#F7F7F7;border-top:1px solid #EBEBEB;position:absolute;left:0;bottom:0;width:100%;height:10px;}
.aboutCenter .sub-cont02 {padding:50px 0 110px;background:url('/resource/images/sub/guidedog_center_bg.png') no-repeat right bottom;background-size:100% auto;}
.aboutCenter .sub-cont02 h3 {margin:0 30px;}
.aboutCenter .sub-cont02 p {font-size:14px;line-height:24px;}
.aboutCenter .sub-cont02 ul {margin:47px 30px 0;}
.aboutCenter .sub-cont02 ul li {color:#3E3E3E;line-height:18px;padding-bottom:25px;}
.aboutCenter .sub-cont02 ul li .date {position:relative;font-size:16px;color:#4B8CE5;font-weight:bold;margin-right:12px;}
.aboutCenter .sub-cont02 ul li .date:after {content:'';width:2px;height:15px;background-color:#c3c3c3;position:absolute;top:26px;left:50%;transform:translate(-50%,0);display:block;}
.aboutCenter .sub-cont02 ul li:last-child {padding-bottom:0;}
.aboutCenter .sub-cont02 ul li:last-child .date:after {content:none;}

.aboutLife {padding:60px 0 0;}/* 안내견 양성과정 */
.aboutLife .intro {font-size:20px;font-weight:bold;line-height:32px;text-align:center;margin:0 30px;color:#454545;}
.aboutLife .intro + p {position:relative;font-size:14px;line-height:24px;text-align:center;margin:28px 15px 110px;}
.aboutLife .intro + p:after {content:'';width:2px;height:60px;background-color:#e1e1e1;position:absolute;bottom:-75px;left:50%;transform:translate(-50%,0);display:block;}
.aboutLife .sub-cont02 h3 {font-size:26px;font-weight:bold;line-height:32px;color:#454545;text-align:center;}
.aboutLife .sub-cont02 ol {margin:40px 15px 0;}
.aboutLife .sub-cont02 ol::after {content:'';display:block;clear:both;}
.aboutLife .sub-cont02 ol.fix {position:fixed;top:21px;z-index:5;}
.aboutLife .sub-cont02 ol.fix:before {content:'';position:absolute;top:0;left:-15px;right:15px;width:calc(100% + 30px);height:100%;background:#fff;}
.aboutLife .sub-cont02 ol li {position:relative;display:inline-block;padding:5px 7px;margin-right:4px;margin-bottom:6px;font-size:11px;border:1px solid #908E8C;border-radius:30px;}
.aboutLife .sub-cont02 ol li b {font-size:11px;color:#616160;margin-right:2px;display:inline-block;}
.aboutLife .sub-cont02 ol li a {font-size:11px;color:#616160;}
.aboutLife .sub-cont02 hr {margin:35px auto 73px;width:calc(100% - 30px);height:1px;background:#EAEAEA;border:none}
.aboutLife .sub-cont02 dl {position:relative;margin-bottom:100px;}
.aboutLife .sub-cont02 dl dt {position:absolute;top:-25px;left:30px;right:30px;font-size:22px;line-height:36px;color:#3e3e3e;font-weight:bold;z-index:1}
.aboutLife .sub-cont02 dl dt span {font-size:14px;font-weight:500;}
.aboutLife .sub-cont02 dl dt span.num {font-size:50px;color:#9F9F9F;opacity:0.3;font-weight:bold;margin-right:-12px;}
.aboutLife .sub-cont02 dl dd {padding-top:200px;}
.aboutLife .sub-cont02 dl dd p {margin:28px 60px 0 30px;font-size:14px;line-height:24px;}
.aboutLife .sub-cont02 .list dl dd:before {content:'';position:absolute;top:0;left:0;right:0;bottom:0;display:block;width:100%;height:200px;}
.aboutLife .sub-cont02 .list dl:nth-child(1) dd:before {background:url('/resource/images/sub/guide_life_01.jpg') no-repeat;background-size:cover;}
.aboutLife .sub-cont02 .list dl:nth-child(2) dd:before {background:url('/resource/images/sub/guide_life_02.jpg') no-repeat;background-size:cover;}
.aboutLife .sub-cont02 .list dl:nth-child(3) dd:before {background:url('/resource/images/sub/guide_life_03.jpg') no-repeat;background-size:cover;}
.aboutLife .sub-cont02 .list dl:nth-child(4) dd:before {background:url('/resource/images/sub/guide_life_04.jpg') no-repeat;background-size:cover;}
.aboutLife .sub-cont02 .list dl:nth-child(5) dd:before {background:url('/resource/images/sub/guide_life_05.jpg') no-repeat;background-size:cover;}
.aboutLife .sub-cont02 .list dl:nth-child(6) dd:before {background:url('/resource/images/sub/guide_life_06.jpg') no-repeat;background-size:cover;}
.aboutLife .sub-cont02 .list dl:nth-child(7) dd:before {background:url('/resource/images/sub/guide_life_07.jpg') no-repeat;background-size:cover;}


.historyDog {}/* 안내견의 역사 */
.historyDog h3 {position:relative;font-size:24px;line-height:34px;margin:0 30px;}
.historyDog .road {position:relative;line-height:24px;padding:60px 0;} 
.historyDog .road::before {content:'';position:absolute;top:45px;left:20px;width:27px;height:27px;display:block;background-color:#CBC4BE;border-radius:50%;opacity:0.35;}
.historyDog .road li {position:relative;padding-top:15px;padding-bottom:70px;margin-left:63px;margin-right:28px;}
.historyDog .road li::before {content:'';position:absolute;top:0;left:-30px;width:1px;height:100%;display:block;background-color:#8A8886;}
.historyDog .road li::after {content:'';position:absolute;left:-33px;top:-5px;width:7px;height:7px;display:block;background-color:#8A8886;border-radius:50%;} 
.historyDog .road li:last-child {padding-bottom:0;}
.historyDog .road li:last-child::before {content:none;}
.historyDog .road li b {position:relative;display:block;font-size:18px;color:#5A5A5A;}
.historyDog .road li p {font-size:13px;margin-top:16px;color:#606060;}
.historyDog .road li .year {position:absolute;left:0;top:-12px;font-size:30px;color:#DCD4CD;font-weight:bold;letter-spacing:-1.2px;}
.historyDog .sub-cont01 {padding:60px 0 115px;}
.historyDog .sub-cont01 figure {display:block;width:calc(100% - 60px);margin:0 auto 43px;}
.historyDog .sub-cont01 figcaption {font-size:12px;line-height:19px;color:#585858;text-align: center; padding-top: 13px;}
.historyDog .sub-cont01 .intro {position:relative;font-size:16px;font-weight:500;line-height:26px;text-align:center;margin:0 30px;}
.historyDog .sub-cont01 .intro:after {content:'';width:2px;height:60px;background-color:#C3C3C3;position:absolute;bottom:-85px;left:50%;transform:translate(-50%,0);display:block;}
.historyDog .sub-cont02 .road {background:#8C8A88 url('/resource/images/sub/guidedog_history_bg.png') no-repeat right bottom;background-size:100% auto;margin-top:27px;}
.historyDog .sub-cont02 .road li .year {color:#616160;}
.historyDog .sub-cont02 .road li::before,
.historyDog .sub-cont02 .road li::after {background-color:#6B6A69;} 
.historyDog .sub-cont02 .road li b,
.historyDog .sub-cont02 .road li p {color:#fff;}
.historyDog .sub-cont02 .road li > div {overflow:hidden;}
.historyDog .sub-cont02 .road li > div figure {width:50%;float:left;}
.historyDog .sub-cont02 .road li > div figure img {width:calc(100% + 20px);max-width:268px;}



.historyDog .sub-cont02 .road figcaption {font-size:12px;line-height:19px;color:#EBEBEB;margin:15px 0 10px;    word-break: keep-all;}
.historyDog .sub-cont02 .road img {width:268px;margin-left:-15px;margin-bottom:-15px;}
.historyDog .sub-cont03 {padding:60px 0 40px;}
.historyDog .sub-cont03 .road img {width:268px;margin-left:-15px;margin-bottom:-15px;}


.etiquette {padding:60px 0 20px;}/* 안내견에 대한 에티켓 */
.etiquette .intro {font-size:20px;font-weight:bold;line-height:32px;text-align:center;margin:0 30px;}
.etiquette .intro + p {position:relative;font-size:14px;line-height:24px;text-align:center;margin:27px 30px 122px;}
.etiquette .intro + p:after {content:'';width:2px;height:60px;background-color:#e1e1e1;position:absolute;bottom:-95px;left:50%;transform:translate(-50%,0);display:block;}
.etiquette .list {margin-bottom:140px;}
.etiquette .list .item {position:relative;margin:0 25px 40px;padding:26px 20px 20px;border-radius:20px;background-color:#EBE8E1;text-align:center;}
.etiquette .list .item span {display:block;margin:0 auto 7px;font-size:12px;line-height:22px;width:116px;background:#A08D76;border-radius:11px;color:#fff;}
.etiquette .list .item b {display:block;font-size:18px;line-height:28px;margin-bottom:15px;}
.etiquette .list .item img {border-radius:15px;}
.etiquette .list + .intro {position:relative;;margin-bottom:25px;}
.etiquette .list + .intro:after {content:'';width:2px;height:60px;background-color:#e1e1e1;position:absolute;top:-95px;left:50%;transform:translate(-50%,0);display:block;}
.etiquette .list + .intro +img + p {font-size:14px;line-height:24px;text-align:center;margin: 25px 30px 60px;}



.memory {} /* 안내견 추모관 */
.memory .sub-cont01 {margin:20px 0 90px;}
.memory .sub-cont01 .tab {font-size:0;text-align:center;border-bottom:1px solid #EBEBEB;}
.memory .sub-cont01 .tab li {display:inline-block;}
.memory .sub-cont01 .tab li a {position:relative;display:block;padding:10px 30px;font-size:16px;font-weight:500;color:#454545;opacity:0.6;}
.memory .sub-cont01 .tab li a.on {font-weight:bold;opacity:1;}
.memory .sub-cont01 .tab li a.on:before {content:'';width:50px;height:2px;position:absolute;bottom:-1px;left:50%;transform:translate(-50%,0);background-color:#077ED8}
.memory .sub-cont01 .list {padding:50px 26px 0;text-align:left;}

.memory .sub-cont01 .list li {display:inline-block;width:calc(50% - 5px);margin-right:5px;vertical-align:top;}
.memory .sub-cont01 .list li:nth-child(even) {margin-top:70px;margin-right:0;}
.memory .sub-cont01 .list li:nth-child(2) {margin-top:140px;}
.memory .sub-cont01 .list li:nth-child(3),
.memory .sub-cont01 .list li:nth-child(5),
.memory .sub-cont01 .list li:nth-child(7){margin-top:-70px;}

.memory .sub-cont01 .list li:nth-child(5n) .date::after {display:none;}
.memory .sub-cont01 .list li a {display: block;text-align: center;}
.memory .sub-cont01 .list li a .img {width:150px;height:150px;margin:0 auto;border-radius:100%;overflow:hidden;}
.memory .sub-cont01 .list li a .img img {width:100%;height:100%;}
.memory .sub-cont01 .list li .name {position:relative; color:#454545;margin:12px auto 10px;}
.memory .sub-cont01 .list li .name:after {content:'';position:absolute;top:-55px;left:35px;width:38px;height:41px;background:url('/resource/images/sp_icon.png') no-repeat -197px -37px;background-size:250px 250px;} 
.memory .sub-cont01 .list li .name b {position:relative; display:inline-block;padding-right:20px;margin-left:5px;font-size:21px;}
.memory .sub-cont01 .list li .name b:after {content:'';position:absolute;top:0;right:0;display:block;width:17px;height:20px;} 
.memory .sub-cont01 .list li .name b.male:after {top:-3px;background:url('/resource/images/sp_icon.png') no-repeat -69px -57px;background-size:250px 250px;}
.memory .sub-cont01 .list li .name b.female:after {background:url('/resource/images/sp_icon.png') no-repeat -49px -58px;background-size:250px 250px;}
.memory .sub-cont01 .list li .date {position:relative;display:inline-block;font-size:13px;padding-bottom:40px;}
.memory .sub-cont01 .list li .date:after {content:'';position:absolute;bottom:0;left:50%;transform:translate(-50%,-50%);display:block;width:30px;height:1px;background:#CBCBCB}

.memory .sub-cont01 .board {border-bottom:2px solid #454545;margin:0 20px;padding:20px 0 0;}
.memory .sub-cont01 .board li {border-bottom:1px solid #E7E7E7;padding:20px 15px;}
.memory .sub-cont01 .board li:last-child {border-bottom:0;}

.memory .sub-cont01 .board p {font-size:16px;line-height:22px;font-weight:500;padding:2px 0 10px;}
.memory .sub-cont01 .board p .new {width: 16px;height: 16px;background: url(/resource/images/sp_icon.png) no-repeat -27px -48px;background-size: 250px 250px;display: inline-block;text-indent: -9999px;vertical-align: middle; margin: -1px 0 0 3px;}
.memory .sub-cont01 .board .txt-info {padding-top:0;} 

.memory .btn-area {margin-top:60px;text-align:center;}
.memory .btn-area .btn {width:140px;font-size:15px;letter-spacing:-0.7px;}

.photoGallery {}/* 포토갤러리 */
.photoGallery .sub-cont01 {margin:50px 20px 80px;}
.photoGallery .sub-cont01 .list{overflow:hidden}
.photoGallery .sub-cont01 .list a {display:block;margin:0 10px 20px;border-radius:10px;overflow:hidden;}
.photoGallery .btn {position:absolute;bottom:22px;right:20px;width:103px;height:35px;line-height:33px;background-color:transparent;}
.photoGallery .pswp__caption__center {width:calc(100% - 150px);word-wrap:break-word;word-break:keep-all;}

.location {}/* 찾아오시는길 */
.location .sub-cont01 {padding:147px 0 80px;}
.location .sub-cont01 dl {text-align:center;}
.location .sub-cont01 dl dt {position:relative;font-size:16px;font-weight:500;color:#777;}
.location .sub-cont01 dl dt:before {content:'';width:37px;height:53px;position:absolute;top:-68px;left:50%;transform:translate(-50%,0);display:block;background:url('/resource/images/sp_icon.png') no-repeat 0 -141px ;background-size:250px 250px;}
.location .sub-cont01 dl dt:after {content:'';width:2px;height:35px;background-color:#C3C3C3;position:absolute;bottom:-47px;left:50%;transform:translate(-50%,0);display:block;}
.location .sub-cont01 dl dd {padding-top:54px;font-size:18px;line-height:28px;color:#454545;font-weight:500;}
.location .sub-cont01 dl dd .btn {margin-top:30px;max-width:180px;}



.guide {padding:60px 30px 30px;} /* 함께하는 안내견학교 */

.adoption {padding:60px 30px 30px;} /* 반려견 분양 신청 */
.adoption .intro {position:relative;font-size:16px;font-weight:500;line-height:26px;text-align:center;margin:0 -30px 100px;color:#3E3E3E;}
.adoption .intro:after {content:'';width:2px;height:60px;background-color:#e1e1e1;position:absolute;bottom:-75px;left:50%;transform:translate(-50%,0);display:block;}

.volunteer {padding:30px 0;}
.volunteer .intro {position:relative;text-align:center;margin:50px 15px 100px;color:#3E3E3E;}
.volunteer .intro:after {content:'';width:2px;height:60px;background-color:#e1e1e1;position:absolute;bottom:-75px;left:50%;transform:translate(-50%,0);display:block;}
.volunteer .intro p {font-size:16px;font-weight:500;line-height:26px;color:#454545;}
.volunteer .intro p + p {font-size:14px;font-weight:400;line-height:24px;text-align:center;margin-top:15px;}

.volunteer .tab {font-size:0;text-align:center;border-bottom:1px solid #EBEBEB;}
.volunteer .tab li {display:inline-block;}
.volunteer .tab li a {position:relative;display:block;padding:10px 15px;font-size:15px;font-weight:500;color:#454545;opacity:0.6;}
.volunteer .tab li a.on {font-weight:bold;opacity:1;}
.volunteer .tab li a.on:before {content:'';width:calc(100% - 30px);height:2px;position:absolute;bottom:-1px;left:50%;transform:translate(-50%,0);background-color:#077ED8}
.volunteer .comm_list {padding:0 30px;}

.visit {padding:60px 30px 30px;} /* 학생 단체 견학 신청 */
.visit .comm_list.type1 {margin-bottom:70px;}
.visit .comm_list.type1 > ul li {margin:20px 0;padding:0 0 0 25px;border:none;}
.visit .comm_list.type1 > ul li .num {top:0;}
.visit .comm_list.calendar_wrap {margin-bottom:90px;}
.visit .comm_list.calendar_wrap h3 {margin-bottom:0;border:none;}
.visit .comm_list.calendar_wrap > ul li {margin:15px 0;padding:0 0 0 25px;line-height:20px;border:none;font-size:14px;}
.visit .comm_list.calendar_wrap > ul li .num {top:0;font-size:14px;color:#454545;opacity:0.6;}
.visit .comm_list.calendar_wrap .legend {margin:15px 20px 0;padding:24px 0 40px;font-size:13px;text-align:center;border-top:2px solid #D3E5F6}
.visit .comm_list.calendar_wrap .legend li {position:relative;display:inline-block;padding-left:15px;margin:0 10px;}
.visit .comm_list.calendar_wrap .legend li::before {content:'';position:absolute;top:2px;left:0;width:9px;height:9px;border-radius:50%;box-sizing:border-box;background-color:#4CA3E8}
.visit .comm_list.calendar_wrap .legend li.off::before {border:1px solid #58A6E2;background:transparent}
.visit .comm_list.calendar_wrap .legend li.disabled::before {background-color:#8D8D8D;}


.calendar {width:100%;letter-spacing:0;overflow:hidden;background:rgba(223, 234, 247, 0.66) ;border-radius:30px;}
.calendar table {width:calc(100% - 30px);margin:0 auto;}
.calendar table th {padding:10px 0;color:#077ED8;opacity:0.62;}
.calendar table td {position:relative;padding:10px 0;font-size:15px;color:#898989;text-align:center;}
.calendar table tr td:first-child {border-left:0;}
.calendar table a {width:100%;height:100%;font-family:'roboto';display:block;font-weight:500;color:#077ED8;font-size:15px;line-height:18px;}
.calendar table a.imp {font-weight:300;color:#898989;}
.calendar table a.end {font-weight:300;color:#58A6E2 }
.calendar table .tooltip {display:none;position:absolute;top:30px;left:50%;transform:translate(-50%,0);min-width:90px;font-size:12px;color:#3e3e3e;text-align:center;border:1px solid #B5DFFF;background:#fff;box-shadow:0px 3px 6px #0000001A;border-radius:30px;z-index:1;padding:3px 10px;box-sizing:border-box;}
.calendar table .tooltip:after {content:'예약됨';position:absolute;top:-4px;left:50%;transform:translate(-50%,0);display:block;width:9px;height:6px;font-size:0;background:url('/resource/images/sp_icon.png') no-repeat 0 -199px;background-size:250px 250px;}
.calendar .month {padding:35px 0 25px;text-align:center;}
.calendar .month span {font-size:23px;line-height:28px;color:#077ED8;}
.calendar .month a {width:15px;height:25px;margin-top:2px;background:url('/resource/images/calendar_btn.png') no-repeat;background-size:200% 100%;font-size:0;line-height:0;text-indent:-9999px;display:inline-block;overflow:hidden;}
.calendar .month .prev {background-position:left top;margin-right:57px;}
.calendar .month .next {background-position:right top;margin-left:57px;}


.mailTo {padding:40px 20px 100px;}/* Mail To Webmaster */
.mailTo .inner {text-align:center;}
.mailTo .inner strong {font-size:28px;font-weight:500;color:#077ED8;}
.mailTo .inner p {color:#5B5B5B;line-height:22px;border-width:1px 0;border-style:solid;border-color:#EDEDED;padding:20px 30px;margin:30px 0;}
.mailTo .inner p > span {display:block;margin-top:12px;}
.mailTo .inner a {position:relative;display:block;width:133px;height:40px;text-align:left;text-indent:24px;color:#fff;background:#4E8DE6;border-radius:30px;line-height:40px;margin:0 auto;}
.mailTo .inner a:before {content:'';position:absolute;top:15px;right:21px;width:12px;height:11px;background:url('/resource/images/sp_icon.png') no-repeat -140px -45px;background-size:250px 250px;}

.mailTo {padding:40px 20px 100px;}/* Mail To Webmaster */

.private {padding:48px 24px 0 30px;} /* 개인 정보 처리 방침 */
.private .intro {font-weight:500;font-size:15px;line-height:24px;}
.private .sub-cont {margin:45px 0;}
.private .sub-cont h3{margin-bottom:15px;font-weight:bold;font-size:15px;line-height:26px;color:#077ED8}
.private .sub-cont p,
.private .sub-cont div {font-weight:500;font-size:15px;line-height:26px;}
.private .sub-cont p .txt {display:block;font-size:14px;font-weight:400;}
.private .sub-cont p + p {margin-top:15px;}
.private .sub-cont p + div {margin-top:15px;}
.private .sub-cont div + div {margin-top:15px;}
.private .sub-cont div + p {margin-top:15px;}
.private .sub-cont hr {width:100%;height:1px;background:#E7E7E7;margin:20px 0;border:none}
.private .sub-cont dl dt {font-weight:500;line-height:26px;}
.private .sub-cont dl dd {margin-top:15px;line-height:26px;word-break:keep-all;}
.private .sub-cont li {font-size:14px;line-height:24px;font-weight:400;}
.private table {margin:20px 0;width:100%;border-top:1px solid #E7E7E7;border-bottom:1px solid #E7E7E7;font-size:14px;}
.private table th {padding:10px;border-bottom:1px solid #E7E7E7;border-right:1px solid #E7E7E7;} 
.private table .last {border-right:none;}
.private table tr {border-bottom:1px solid #e7e7e7;}
.private table td {padding:13px 10px;border-right:1px solid #E7E7E7;}
.private .underline {text-decoration:underline;}
.private .private-list {display:flex;justify-content:start;align-items:flex-start;}
.private .private-list > span {margin:4px 17px 0 0;font-size:15px;font-weight:500;line-height:26px;letter-spacing:-.7px;}
.private .private-list > .breadcrumbs-item > a {padding:7px 13px;border:1px solid #B9B9B9;color:#3E3E3E;font-size:13px;font-weight:400;line-height:normal;}
.private .private-list > .breadcrumbs-item > a + ul {position:absolute;top:0;left:0;width:100%;padding:7px 0 13px;margin-left:0;border:1px solid #B9B9B9;background:#fff;box-sizing:border-box;}
.private .private-list > .breadcrumbs-item > a + ul:after {content:'';position:absolute;top:13px;right:9px;display:inline-block;width:13px;height:8px;background:url('/resource/images/sp_icon.png') no-repeat -94px -70px;background-size:250px 250px;vertical-align:middle;}
.private .private-list > .breadcrumbs-item > a + ul li {padding-left:13px;margin-bottom:10px;border-bottom:none;color:#3E3E3E;font-size:13px;font-weight:400;line-height:normal;}
.private .private-list > .breadcrumbs-item > a + ul li:last-child {margin-bottom:0;}
.private .private-list > .breadcrumbs-item > a + ul li > a {color:#3E3E3E;font-size:13px;font-weight:400;line-height:normal;}

.legal {padding:50px 30px;} /* 이용약관 */
.legal .sub-cont h3 {display:block;font-size:15px;line-height:26px;color:#077ED8;margin-bottom:40px;}
.legal .sub-cont p {font-weight:500;font-size:15px;line-height:26px;margin-bottom:15px;}
.legal .sub-cont ul {margin-bottom:40px;}
.legal .sub-cont ul > li {line-height:24px;margin-bottom:15px;word-break:keep-all;}
.legal .sub-cont ul > li:last-child {margin-bottom:0;}
.legal .sub-cont ul > li > ol {padding-top:18px;margin-left:28px;}
.legal .sub-cont ul > li > ol > li {position:relative;list-style:hangul;}


.law {padding:60px 30px;} /* 법령정보 */
.law h2 {font-size:20px;font-weight:500;line-height:25px;letter-spacing:-1px;margin-bottom:21px;}
.law h3 {font-size:16px;font-weight:500;line-height:20px;letter-spacing:-0.32px;}
.law ol li {font-size:14px;line-height:21px;letter-spacing:-0.28px;margin-top:10px;word-wrap:break-word;word-break:keep-all;}
.law ol li > p {display:inline;color:#842121;}
.law ol li > p span {text-decoration:underline;}
.law ol + h3 {margin-top:30px;}
.law hr {width:100%;height:1px;background:#D9D9D9;margin:40px 0;border:none}

.comm_list {margin-bottom:50px;}
.comm_list h3 {font-size:18px;line-height:21px;padding-bottom:18px;border-bottom:2px solid #454545;margin-bottom:5px;}
.comm_list .sub-txt {margin-top:5px;color:#777;line-height:20px;}
.comm_list .time-box {padding:20px 0;}
.comm_list .time-box .tel {display:block;font-size:24px;font-weight:bold;margin-bottom:10px;}
.comm_list .time-box dl {position:relative;line-height:18px;}
.comm_list .time-box dl dt {font-weight:bold;position:absolute;top:0;left:0;}
.comm_list .time-box dl dd {padding-left:55px;}
.comm_list .time-box span {display:inline-block;font-size:12px;color:#8D8D8D;margin-left:2px;}
.comm_list .f_blue {color:#679BE3;border-color:#679BE3;}
.comm_list .f_green {color:#A7BF57;border-color:#A7BF57;}

.comm_list > dl {position:relative;min-height:68px;border-bottom:1px solid #E7E7E7;padding:20px 0;}
.comm_list > dl:last-child {border-bottom:0;}

.comm_list > dl dt {position:absolute;font-size:15px;border-width:1px;border-style:solid;border-radius:50%;width:68px;height:68px;line-height:18px;box-sizing:border-box;text-align:center;}
.comm_list > dl dt > span {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;}
.comm_list > dl dd {line-height:24px;padding-left:78px;word-break:keep-all;}
.comm_list > dl dd.middle {position:absolute;top:50%;transform:translateY(-50%);}

.comm_list > dl dd > ul li {position:relative;padding-left:7px;}
.comm_list > dl dd > ul li::before {content:'';width:3px;height:3px;background-color:#A3A3A3;border-radius:50%;position:absolute;left:0;top:10px;}

.comm_list > ul li {position:relative;font-size:15px;line-height:24px;border-bottom:1px solid #E7E7E7;padding:20px 0 20px 25px;word-break:keep-all;}
.comm_list > ul li:last-child {border-bottom:0;}
.comm_list > ul li .num {position:absolute;top:20px;left:0;font-size:15px;font-weight:500;color:#8EAA2F;}
.comm_list > ul li .tit {display:block;font-size:15px;font-weight:500;color:#8EAA2F;}
.comm_list > ul li b {margin-right:5px;}

.comm_list > ol {padding-bottom:20px;}
.comm_list > ol li {position:relative;padding:20px 0 0 41px;}
.comm_list > ol li::before {content:'';position:absolute;top:35px;left:15px;width:1px;height:100%;display:block;background-color:#e7e7e7;}
.comm_list > ol li:last-child:before {content:none;}

.comm_list > ol li .num {position:absolute;top:20px;left:0;display:inline-block;width:31px;height:31px;background-color:#A7BF57;color:#fff;text-align:center;border-radius:50%;line-height:31px;}
.comm_list > ol li > dl dt {font-size:16px;font-weight:500;line-height:19px;margin-bottom:8px;}
.comm_list > ol li > dl dd {line-height:20px;}

.report {padding-top:50px;} /*보안/제보*/
.report .info {margin: 0  28px 37px;}
.report .info li {position:relative;margin-bottom:13px;line-height:20px;}
.report .info li:before {content:'';position:absolute;top:7px;left:-8px;width:3px;height:3px;background:#4B8CE5;border-radius:10px;}
.report .info li:last-child {margin-bottom:0;}
.report .tab {font-size:0;text-align:center;border-bottom:1px solid #EBEBEB;margin-bottom:40px;}
.report .tab li {display:inline-block;}
.report .tab li label {position:relative;display:block;padding:10px 25px;font-size:15px;font-weight:500;color:#454545;opacity:0.6;}
.report .tab li label.on {font-weight:bold;opacity:1;}
.report .tab li label.on:before {content:'';width:calc(100% - 30px);height:2px;position:absolute;bottom:-1px;left:50%;transform:translate(-50%,0);background-color:#077ED8}
.report .tab li label input {display:none;}
.report .tab + .btn {display:block;width:180px;margin: 0 auto 40px;}
.report .comm-write-wrap {padding:0 20px;margin-bottom:80px;}
.report .comm-write-wrap ul {padding-top:22px;}
.report .comm_write {display:none;}
.report .comm_write.on {display:block;}
.report .comm_write input:disabled {background:#EBEBEB;border:1px solid #D9D9D9}
.report .comm_write input.disabled {background: #EBEBEB;border: 1px solid #D9D9D9;}
.report .comm_write .inner {overflow:visible;}
.report .comm_write .check_box input {position:absolute; top:0; left:-19px; width:0; height:0; opacity:0;}
.report .comm_write .check_box .check {content:''; position:absolute; top:0; right:0; width:20px; height:20px; background:#fff url(/resource/images/sp_icon.png) no-repeat -134px -58px ;background-size:250px 250px;border-radius:50%; display:block; box-sizing:border-box;border:1px solid #D6D6D6}
.report .comm_write .check_box .check.on {background:#4B8CE5 url(/resource/images/sp_icon.png) no-repeat -116px -58px ;background-size:250px 250px;border-color:#4B8CE5;}
.report .comm_write .img_upload {margin-top:8px;}
.report .comm_write .img_upload .count {padding-top:0;float:right;font-size:14px}
.report .comm_write .img_upload > div {margin:13px 0 28px;font-size:0}
.report .comm_write .img_upload label {position:relative;width:50px;height:48px;border:1px solid #D6D6D6;background:#fff;font-size:0;border-radius:5px;vertical-align:top;box-sizing:border-box;margin-bottom:0;}
.report .comm_write .img_upload label:before {content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:14px;height:2px;background:#D6D6D6;}
.report .comm_write .img_upload label:after {content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:2px;height:14px;background:#D6D6D6;}
.report .comm_write .img_upload input[type=file] {display:none}
.report .comm_write .img_upload .img {position:relative;width:50px;height:48px;display:inline-block;margin-right:10px;vertical-align:top;}
.report .comm_write .img_upload .img:nth-child(5) {margin-right:0;}
.report .comm_write .img_upload .img img {width:50px;height:48px;border-radius:5px;}
.report .comm_write .img_upload .img .btn_delete {position:absolute;top:-8px;right:-10px;display:block;width:20px;height:20px;border:1px solid #4B8CE5;background:#fff;font-size:0;border-radius:20px;}
.report .comm_write .img_upload .img .btn_delete:before,
.report .comm_write .img_upload .img .btn_delete:after { content:''; position:absolute; width:10px; height:2px; background-color:#4B8CE5; top:8px; }
.report .comm_write .img_upload .img .btn_delete:before { -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); transform:rotate(45deg); left:4px; }
.report .comm_write .img_upload .img .btn_delete:after { -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); transform:rotate(-45deg); right:4px; }
.report .comm_write .img_upload p {font-size:12px;color:#898989;line-height:22px;}

/* 마이독 뉴스, 제안제보게시판 */
.news {padding:40px 20px 100px;overflow:hidden;}
.news .btn-area {margin-top:60px;text-align:center;}
.news .btn-area .btn {width:140px;font-size:15px;letter-spacing:-0.7px;}
.news .info { margin: 30px 20px 0;}
.news .info.addType { margin: 0 20px 30px;}
.news .info li { position: relative; margin-bottom: 13px; line-height: 20px;}
.news .info li:before { content: ''; position: absolute; top: 7px; left: -8px; width: 3px; height: 3px; background: #4B8CE5; border-radius: 10px; }
.news .info li:last-child { margin-bottom: 0; }



/* 검색 */
.sch-top {position:relative;height:55px;background-color:#fff;border-radius:30px;box-shadow:0px 2px 20px #23242919;margin-bottom:40px;padding:13px 24px 12px;box-sizing:border-box;}
.sch-top .select_box {position:relative;width:50px;height:30px;float:left;margin-right:18px;}
.sch-top .select_box select {width:100%;height:30px;line-height:30px;font-size:15px;background-color:transparent;padding-right:15px;}
.sch-top .select_box::before {content:'';	position:absolute;width:12px;	height:8px;	top:50%;transform:translateY(-50%);right:0;background:url('/resource/images/sp_icon.png') no-repeat -122px -46px;background-size:250px 250px;}
.sch-top .sch-inp {position:relative;width:calc(100% - 110px );float:left;padding:0 0 0 18px;}
.sch-top .sch-inp::before {content:'';position:absolute;top:0;left:0;width:1px;height:30px;background-color:#EBEBEB;}
.sch-top .sch-inp .inp {width:100%;height:30px;font-size:15px;line-height:30px;color:#474747;	border:0;outline:transparent;	background:0 0;-webkit-appearance:none;text-overflow:ellipsis;padding:0;}
.sch-top .btn-sch {position:absolute;top:15px;right:23px;width:24px;height:24px;background:url('/resource/images/sp_icon.png') no-repeat -92px -32px;background-size:250px 250px;}

/* 페이징 */
.pagenation {text-align:center;margin-top:28px;clear:both;}
.pagenation a {display:inline-block;vertical-align:top;margin-right:20px;}
.pagenation > a {background:url('/resource/images/sp_icon.png') no-repeat ;background-size:250px 250px;}
.pagenation > a.first {width:12px;height:18px;background-position:-179px 2px;}
.pagenation > a.prev {width:8px;height:18px;background-position:-191px 2px;}
.pagenation > a.next {width:8px;height:18px;background-position:-198px 2px;}
.pagenation > a.last {width:12px;height:18px;background-position:-206px 2px;margin-right:0}
.pagenation ul {display:inline-block;line-height:18px;vertical-align:top;}
.pagenation ul li {display:inline-block;vertical-align:top;}
.pagenation ul li a {font-size:13px;color:#898989;line-height:18px;}
.pagenation ul li a.on {color:#4B8CE5;}
.pagenation ul li:last-child {margin-right:0}

/* 목록 */
.news-list ul {border-width:2px 0;border-style:solid;border-color:#4B8CE5;}
.news-list ul li {position:relative;border-bottom:1px solid #E7E7E7;padding:20px 40px 21px 15px;}
.news-list ul li:last-child {border-bottom:0;}
.news-list ul li span {color:#898989;}
.news-list ul li a {position:relative;display:block;font-size:16px;line-height:22px;font-weight:500;margin-top:8px;word-wrap:break-word;}
.news-list ul li a + .date {display:block;margin-top:9px;}
.news-list ul li .new {width: 16px;height: 16px;background: url('/resource/images/sp_icon.png') no-repeat -27px -48px;background-size: 250px 250px;display: inline-block;text-indent: -9999px;vertical-align: middle; margin: -1px 0 0 3px;}
.news-list ul li .name {font-weight:500;}
.news-list ul li .comment {position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:16px;color:#454545;background:#E7E7E7;display:block;width:30px;height:30px;border-radius:50%;text-align:center;line-height:30px;}
.news-list ul li.notice {background-color:#F7F7F7;}
.news-list ul li.notice span {color:#4B8CE5;}
.news-list ul li.nodata {font-size:16px;text-align:center;padding:70px 0;}
.news-list .total {color:#898989;text-align:right;margin-bottom:7px;}
.news-list .total span {color:#4B8CE5;}

/* 목록 - 답변 */
.news-list ul li.reply {padding-left:42px;}
.news-list ul li.reply a {margin-top:0;}
.news-list ul li.reply a::before {content:'';position:absolute;top:2px;left:-27px;width:17px;height:17px;background:url('/resource/images/sp_icon.png') no-repeat -178px -18px;background-size:250px 250px;}
.news-list ul li.reply.nested {padding-left:69px;}
.news-list ul li.reply.nested1 { padding-left: 96px; }
.news-list ul li.reply.nested2 { padding-left: 123px; }

/* 상세 */
.news-read-top {border-top:2px solid #4B8CE5;border-bottom:1px solid #E7E7E7;padding:29px 15px 15px;}
.news-read-top .title {font-size:21px;line-height:30px;font-weight:500;text-align:center;}
.news-read-cont {border-bottom:2px solid #4B8CE5;padding:30px 15px 40px;line-height:1.5 !important;word-break:break-all;word-wrap:break-word;}
.news-read-cont * {line-height:1.5 !important}
.news-read-cont img {width:auto !important;height:auto !important;max-width:100%;}
.news-read-cont table {width:100% !important;border-top:1px solid #E7E7E7;border-bottom:1px solid #E7E7E7;margin-top:5px;}
.news-read-cont table th {border-right:1px solid #E7E7E7;padding:5px;}
.news-read-cont table th:last-child,
.news-read-cont table tr td:last-child {border-right:0;}
.news-read-cont table tr {border-bottom:1px solid #e7e7e7;}
.news-read-cont table tr td {text-align:center;vertical-align:middle;word-wrap:break-word;word-break:keep-all;padding:5px;border-right:1px solid #E7E7E7;}
.news-read-file {border-top:1px solid #e7e7e7;margin:30px -15px -25px;padding:20px 15px 0;}
.news-read-file dt {float:left;font-size:13px;line-height:20px;color:#898989;}
.news-read-file dd {padding-left:74px;}
.news-read-file dd a {font-size:12px;line-height:17px;text-decoration:underline;}

/* 작성 */
.comm-write-wrap ul {border-width:2px 0;border-style:solid;border-color:#4B8CE5;background-color:#F2F2F2;padding:30px 15px;}
.comm-write-wrap h3 {font-size:19px;text-align:center;margin-bottom:27px;}

.comm_write li {border-bottom:1px solid #DFDFDF;margin-bottom:15px;}
.comm_write li.last {border-bottom:0;}
.comm_write li:last-child {border-bottom:0;margin-bottom:0;}
.comm_write .check_box {position:relative;margin-bottom:22px;padding-bottom:13px;border-bottom:1px solid #DFDFDF}
.comm_write .inner {position:relative;padding-bottom:15px;overflow:hidden;}
.comm_write .inner .btn {width:101px;color:#6E6E6E;border-color:#BCBCBC;}
.comm_write .inner2 label {width:70px;line-height:40px;margin-bottom:0;}
.comm_write .inner2 label + .inp {width:calc(100% - 74px);}
.comm_write .img_box {display:inline-block;padding-right:108px;}
.comm_write .img_box .btn {position:absolute;right:0;}
.comm_write .secur_box {position:relative;display:inline-block;padding-right:137px;}
.comm_write .secur_box .captcha_img {position:absolute;width:72px;height:30px;top:5px;right:45px;}
.comm_write input {width:100%;height:40px;border-radius:30px;font-size:14px;box-sizing:border-box;padding:0 20px;}
.comm_write input::placeholder {font-size:0.9em}
.comm_write textarea {width:100%;height:170px;border-radius:10px;padding:20px;border:0;box-sizing:border-box;font-size:14px;}
.comm_write .select_box {position:relative;display:inline-block;width:calc(100% - 74px);height:40px;background-color:#fff;border-radius:30px;font-size:14px;box-sizing:border-box;padding:0 50px 0 20px;vertical-align:top;}
.comm_write .select_box select {width:100%;height:100%;font-size:14px;background-color:transparent;}
.comm_write .select_box::before {content:'';position:absolute;width:12px;	height:8px;	top:50%;transform:translateY(-50%);right:25px;background:url('/resource/images/sp_icon.png') no-repeat -122px -46px;background-size:250px 250px;}
.comm_write .count {font-size:12px;color:#898989;text-align:right;letter-spacing:0;padding-top:10px;} 
.comm_write label {display:inline-block;margin-bottom:13px;}
.comm_write label > span {font-size:12px;color:#898989;margin-left:10px;}
.comm_write .btn-area {margin-top:30px;text-align:center;}
.comm_write .btn-area .btn {width:calc(50% - 13px);max-width:125px;font-size:14px;margin-right:13px;}
.comm_write .btn-area .btn:last-child {margin-right:0;}

#soundOn {position:absolute;top:2px;right:0;width:37px;height:37px;background:url('/resource/images/sp_icon.png') no-repeat -156px -39px;background-size:250px 250px;}

/* 공통영역 */
.btn-area.edit {margin-top:20px;text-align:left;}
.btn-area.edit .btn {width:65px;height:35px;line-height:35px;font-size:13px;}
.btn-area.edit > div {float:right;}
.btn-area.edit > div .btn {color:#454B52;border-color:#454B52;margin-left:4px;}

.txt-info {font-weight:300;color:#898989;padding-top:20px;} 
.txt-info:after {content:'';display:block;clear:both;}
.txt-info .name {display:inline-block;position:relative;padding-right:19px;}
.txt-info .name::before {content:'';position:absolute;top:50%;transform:translateY(-50%);right:7px;width:4px;height:4px;background-color:#D9D9D9;border-radius:50%;}
.txt-info .hits {float:right;}

.badge {display:inline-block;font-size:13px;background-color:#747474;border:1px solid transparent;border-radius:30px;padding:4px 10px;color:#fff;}
.badge.all {border-color:#B0B1B6;background-color:#fff;color:#898989;}


/* 코멘트 */
.news-comment {margin-top:45px;}
.news-comment > ul {border-width:2px 0;border-style:solid;border-color:#4B8CE5;}
.news-comment > ul li {position:relative;border-bottom:1px solid #E7E7E7;padding:20px 40px 21px 15px;}
.news-comment > ul li:last-child {border-bottom:0;}
.news-comment > ul li span {color:#898989;}
.news-comment > ul li p {font-size:15px;line-height:22px;margin-top:3px;word-break:break-all;word-wrap:break-word;}
.news-comment > ul li .txt-info {padding-top:0;}
.news-comment > ul li .name {font-weight:500;}
.news-comment .del {position:absolute;top:16px;right:0;width:25px;height:25px;background:url('/resource/images/sp_icon.png') no-repeat -222px -1px;background-size:250px 250px;}
.news-comment-top {overflow:hidden;}
.news-comment-top span {position:relative;font-size:18px;line-height:28px;color:#4B8CE5;padding-left:29px;}
.news-comment-top span:before {content:'';position:absolute;top:2px;left:0;width:24px;height:22px;background:url('/resource/images/sp_icon.png') no-repeat -197px -15px;background-size:250px 250px;}

.news-comment-top a {width:90px;height:28px;line-height:28px;font-size:13px;color:#626467;text-align:center;background-color:#F8F8F8;border:1px solid #92959A;border-radius:30px;float:right;margin-bottom:20px;}


@media all and (max-width: 359px) {
/* common */
.breadcrumbs-item {width:135px;}
.breadcrumbs-item > a:after {right:4px;}
.footer .ft-link li a {font-size: 12px;word-break: keep-all;}

.sub_visual.bg_aboutDog {background:url('/resource/images/sub/sub_topimg_01_1.jpg') no-repeat center;background-size:100% 100%;}
.sub_visual.bg_historyDog {background:url('/resource/images/sub/sub_topimg_01_2.jpg') no-repeat center;background-size:100% 100%;}
.sub_visual.bg_training {background:url('/resource/images/sub/sub_topimg_01_3.jpg') no-repeat center;background-size:100% 100%;}
.sub_visual.bg_memory {background:url('/resource/images/sub/sub_topimg_02_4.jpg') no-repeat center;background-size:100% 100%;}
.sub_visual.bg_guide {background:url('/resource/images/sub/sub_topimg_03_1.jpg') no-repeat center;background-size:100% 100%;}
.sub_visual.bg_volunteer {background:url('/resource/images/sub/sub_topimg_03_2.jpg') no-repeat center;background-size:100% 100%;}
.sub_visual.bg_adoption {background:url('/resource/images/sub/sub_topimg_04_2.jpg') no-repeat center;background-size:100% 100%;}
.sub_visual.bg_location {background:url('/resource/images/sub/sub_topimg_03_5.jpg') no-repeat center;background-size:100% 100%;}
.sub_visual.bg_aboutCenter {background:url('/resource/images/sub/sub_topimg_02_1.jpg') no-repeat center;background-size:100% 100%;}
.sub_visual.bg_aboutLife {background:url('/resource/images/sub/sub_topimg_02_2.jpg') no-repeat center;background-size:100% 100%;}
.sub_visual.bg_etiquette {background:url('/resource/images/sub/sub_topimg_02_3.jpg') no-repeat center;background-size:100% 100%;}
.sub_visual.bg_visit {background:url('/resource/images/sub/sub_topimg_03_4.jpg') no-repeat center;background-size:100% 100%;}
.sub_visual.bg_global {background:url('/resource/images/sub/sub_topimg_03_5.jpg') no-repeat center;background-size:100% 100%;}
.sub_visual.bg_news {background:url('/resource/images/sub/sub_topimg_04_1.jpg') no-repeat center;background-size:100% 100%;}
.sub_visual.bg_board {background:url('/resource/images/sub/sub_topimg_04_2.jpg') no-repeat center;background-size:100% 100%;}
.sub_visual.bg_photoGallery {background:url('/resource/images/sub/sub_topimg_04_3.jpg') no-repeat center;background-size:100% 100%;}

.training .item ul li {width:100% !important;margin:0 !important}
.memory .sub-cont01 .list li a .img {width:129px;height:129px;}
.historyDog .sub-cont02 .road img {max-width:235px;}
.historyDog .sub-cont02 .road figcaption br {display:none}
.historyDog .sub-cont03 .road img {max-width:235px;}
    
.modal-wrapper {max-height:480px;}
}



@media screen and (max-width:320px) { 
    #popupMain { width: 310px; }
    .volunteer .tab li a { font-size: 14px; }
}

@media (min-width:768px) { 
    .memory .sub-cont01 .list li a .img {width:225px;height:225px;}
	.memory .sub-cont01 .list li .name {width:225px;}
}



.pswp { z-index:10000 !important; }