@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
.fw500 {font-weight:500;}

.path-wrap2.fixed {position: fixed; top: 0; left: 0; width: 100%; background-color: #fff;}

.one-page .section {padding-top:80px;}
.one-page .section:first-child .sub-title {padding-top: 0;}
.path-wrap2 .part ul li.active {color: #0059aa; font-weight: 500;}

.fz17 {font-size:17px;}

.contain1260 {max-width:1260px;}
.contain1460 {max-width:1460px;}

.doc-cnt30 {margin-bottom:30px;}
.doc-cnt50 {margin-bottom:50px;}
.doc-cnt70 {margin-bottom:70px;}
.doc-cnt100 {margin-bottom:100px;}
.doc-cnt150 {margin-bottom:150px;}

.pj-slide {margin-bottom:100px;}
.pj-slide .item {display:flex;}
.pj-slide .col {width:50%;}
.pj-slide .col .img {position:relative; padding-bottom:64%; overflow:hidden;}
.pj-slide .col .img img {position:absolute; top:50%; left:0; transition:.4s ease-in-out; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover;}
.pj-slide .col-r {padding:50px 60px; max-height:550px; overflow-y:scroll; background-color:#f8f8f8;}
.pj-slide .col-r .title {font-size:25px; padding-bottom:20px; margin-bottom:30px; font-weight:700; font-family:'Montserrat', sans-serif; border-bottom:1px solid #000; letter-spacing:0; color:#242424; line-height:1.3em;}
.pj-slide .col-r ul li {font-size:20px; margin-bottom:30px; letter-spacing:-.02em; display:flex;}
.pj-slide .col-r li:last-child {margin-bottom:0;}
.pj-slide .col-r li .tit {width:130px; font-weight:500; color:#242424;}
.pj-slide .col-r li p {flex:1;}
.pj-slide .slick-arrow {width:50px; height:50px; position:absolute; top:50%; transform:translateY(-50%); z-index:20; border:0; font-size:0; line-height:0; background-color:transparent; background-position:50% 50%; background-repeat:no-repeat; background-size:contain;}
.pj-slide .slick-prev {left:0; background-image:url("../images/sub/pj_prev.png");}
.pj-slide .slick-next {right:0; background-image:url("../images/sub/pj_next.png");}

.search-menu {margin-bottom:40px; display:flex; justify-content:space-between; position:relative;}
.search-menu:after {position:absolute; content:''; width:100%; bottom:0; background-color:#ddd; height:1px; right:0;}
.search-menu ul {display:flex; position:relative;}
.search-menu ul li a {width:170px; height:60px; font-size:17px; margin-left:-1px; border:1px solid #ddd; position:relative; font-weight:500; letter-spacing:-.02em; line-height:1.3em; color:#242424; text-align:center; align-items:center; justify-content:center; display:flex; background-color:#f8f8f8;}
.search-menu ul li a img {margin:-2px 10px 0 0; vertical-align:middle;}
.search-menu ul li.active a {background-color:#fff; border-bottom:0;}
.search-menu ul li.active a:after {position:absolute; content:''; width:100%; height:3px; opacity:1; left:0; bottom:0; right:0; z-index:1; background-color:#fff;}
.search-menu .search {height:50px; padding-right:20px; border-radius:30px; background-color:#f8f8f8; display:flex; align-items:center;}
.search-menu .search .input {width:285px; background-color:unset; border-radius:30px; border:none;}
.search-menu .search button {width:20px; height:20px; padding:0; background-color:unset; vertical-align:middle; border:none; text-indent:-999em; background-image:url('../images/sub/search_icon.png'); background-repeat:no-repeat; background-size:contain;}

.search-year {margin-bottom:35px;}
.search-year .item {margin-right:40px;}
.search-year .item:last-child {margin-right:0;}

.checkbox input + label {font-size:18px; font-weight:500; letter-spacing:-.02em;}
.checkbox input:checked + label {color:#0059aa;}

.search-cate {font-size:18px; padding-bottom:50px; font-weight:500;}
.search-cate .item {margin-right:25px; color:#242424; letter-spacing:-.02em; line-height:1.3em;}
.search-cate .item:last-child {margin-right:0;}
.search-cate .top {margin-bottom:35px;}

.search-cate .bot ul {margin:0 -10px; display:flex; flex-wrap:wrap; text-align:center;}
.search-cate .bot ul li {width:12.5%; padding:0 10px; position:relative; overflow:hidden; -webkit-box-sizing:border-box;-moz-box-sizing:border-box; box-sizing:border-box;}
.search-cate .bot ul li input[type="checkbox"] {position:absolute; top:0px; left:0px; opacity:0; visibility:hidden;}
.search-cate .bot ul li label {height:190px; border:1px solid #ddd; overflow:hidden; position:relative; display:flex; justify-content:center; align-items:center; text-align:center; box-sizing:border-box; border-radius:10px;}
.search-cate .bot ul li .category-name {margin-top:10px; font-weight:500; display:block;}
.search-cate .bot ul li input:checked + label {border:3px solid #0059aa;}

.store-search .map-area {order:2;}
.search-area .wrap {display:flex;}
.search-area .wrap ul {margin-right:85px;}
.search-area .wrap ul:last-child {margin-right:0;}
.search-area .wrap ul li {margin-bottom:10px;}
.search-area .wrap ul li:last-child {margin-bottom:0;}

.filter-area {padding:20px 30px 10px; margin-bottom:75px; background-color:#f6f6f6; display:flex; align-items:center;}
.filter-area .txt {font-size:20px; margin-bottom: 10px; margin-right:30px; font-weight:500; letter-spacing:-.02em; line-height:1.3em; color:#242424;}
.filter-area .wrap {flex:1;}
.filter-area .item {font-size:18px; display:flex; flex-wrap:wrap;}
.filter-area .box {margin-right:10px; position:relative;}
.filter-area .box:last-child {margin-right:0;}
.filter-area .box .filter-word-delete-btn {margin-bottom: 10px; padding:0 18px; height:40px; border:none; display:flex; font-style:normal; align-items:center; justify-content:center; color:#242424; background-color:#fff; border-radius:30px;}
.filter-area .box em {font-size:18px; font-style:normal;}
.filter-area .box i {margin-left:12px;}
.filter-area .box i img {vertical-align:middle;}

.history-img {margin-bottom:35px;}

.doc-tit {font-size:18px; padding-left:32px; padding-bottom:25px; letter-spacing:-.01em; color:#202020; line-height:1.3em; position:relative;}
.doc-tit:before {width:16px; height:16px; position:absolute; content:''; top:3px; left:0; border-radius:100%; border:3px solid #5e3227;}

.history .group {padding-bottom:30px; position:relative; display:flex;}
.history .group.padb0 {padding-bottom:0;}
.history .group:before {content:""; position:absolute; left:50%; top:0; bottom:0; width:1px; background:#ddd;}
.history .group:last-child {padding-bottom:0;}
.history .group:last-child:before {display:none;}
.history .group h3 {font-size:25px; margin-bottom:7px; line-height:.9em; color:#242424; position:relative;}
.history .group h3:before {content:""; position:absolute; top:0; width:35px; height:35px; background:#fff; border:10px solid #0059aa; border-radius:100%;}
.history .group ul li {margin-bottom:7px; position:relative; line-height:1.4em; letter-spacing:-.02em;}
.history .group ul li:last-child {margin-bottom:0;}
.history .group:nth-child(even) {padding-left:50%;}
.history .group:nth-child(even) h3 {padding-left:45px;}
.history .group:nth-child(even) h3:before {left:-18px;}
.history .group:nth-child(even) ul {padding-left:30px;}
.history .group:nth-child(odd) {padding-right:50%; text-align:right; justify-content:flex-end;}
.history .group:nth-child(odd) h3 {padding-right:45px; order:2;}
.history .group:nth-child(odd) h3:before {right:-18px;}
.history .group:nth-child(odd) ul {padding-right:30px;}

.sub-cnt {padding:90px 0;}
.sub-cnt.bgc {background-color:#f8f8f8;}

.sub-title2 {margin-bottom:35px; text-align:center; font-family:'Montserrat', sans-serif;}
.sub-title2 h4 {font-size:26px; font-weight:600; color:#242424; letter-spacing:0;}

.overview {display:flex;}
.overview .cnt {margin-left:70px; flex:1; border-top:2px solid #0059aa;}
.overview .cnt ul li {height:60px; letter-spacing:-.02em; border-bottom:1px solid #ddd; display:flex; align-items:center;}
.overview .cnt ul li strong {width:100px; padding-left:17px; display:block; font-weight:500; color:#242424;}
.overview .cnt ul li p {flex:1;}

.page-title {font-size:20px; padding-top:55px; margin-bottom:55px; letter-spacing:-.02em; line-height:1.3em; font-weight:500; position:relative; color:#242424; text-align:center;}
.page-title strong {font-size:22px; font-weight:700;}
.page-title:before {position:absolute; content:''; width:1px; height:35px; background-color:#ddd; top:-6px; left:50%;}

.partnership {text-align:center;}
.partnership .group {margin-bottom:115px;}
.partnership .group:last-child {margin-bottom:0;}
.partnership ul {margin:0 -33px -50px; display:flex; flex-wrap:wrap;}
.partnership ul li {padding:0 33px; margin-bottom:50px; width:25%;}

.cert {padding:0 140px;}
.cert p {margin-top:15px; font-weight:500;}

.map {display:flex;}
.map .inner {flex:1 1236px;}

.local-map {margin-top: 40px; min-width:484px; min-height:470px; padding:38px 40px; flex:1;/*  top:40px; */ background-color:#fff; z-index:101; box-shadow:1px 3px 10px rgba(0,0,0,.15); /* position:absolute; right:0; */}
.local-map .col {margin-bottom:20px; padding-left:35px;}
.local-map .col:last-child {margin-bottom:0;}
.local-map .col .location {margin-bottom:7px; font-weight:500; color:#242424; position:relative;}
.local-map .col .location:before {width:17px; height:23px; left:-35px; top:3px; background-image:url('../images/sub/local_icon1.png'); background-size:contain; background-repeat:no-repeat; position:absolute; content:'';}
.local-map .info {padding-top:30px; margin-top:30px; border-top:1px solid #ddd;}
/* .local-map .info li {margin-right:45px;} */
.local-map .info li {margin-bottom: 10px;}
.local-map .info li img {margin:-2px 10px 0 0; vertical-align:middle;}
.local-map .info li:last-child {margin-right:0; margin-bottom: 0;}
.local-map .txt {font-size:75px; font-weight:600; color:#f7f7f7; line-height:.8em; letter-spacing:0; position:absolute; bottom:-2px; right:-2px;}

.root_daum_roughmap {width:100% !important;}
.root_daum_roughmap .wrap_controllers {display:none !important;}

.pr-page {font-size:25px; margin-bottom:35px; font-weight:600; color:#242424; letter-spacing:-.02em; line-height:1.3em; text-align:center;}

.prslider-for {margin-bottom:20px;}
.prslider-for .slick-arrow {position:absolute; top:50%; transform:translateY(-50%); width:30px; height:53px; z-index:20; border:0; font-size:0; line-height:0; background-color:transparent; background-position:50% 50%; background-repeat:no-repeat; background-size:contain;}

.arrow-wrap button {margin-top: -35px; position:absolute; top:50%; transform:translateY(-50%); width:75px; height:85px; z-index:20; border:0; font-size:0; line-height:0; background-color:transparent; background-position:50% 50%; background-repeat:no-repeat; background-size:contain;}
.arrow-wrap .prev button {left:30px; background-image:url("../images/main/prev_arrow.png");}
.arrow-wrap .next button {right:30px; background-image:url("../images/main/next_arrow.png");}
.arrow-wrap.mar-m button {margin-top: 0 !important;}
.prslider-for .img {position:relative; padding-bottom:65%; overflow:hidden;}
.prslider-for .img img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:auto !important; height:auto !important; max-width:100%; max-height:100%; object-fit:contain;}

.prslider-nav {margin:0 -9px;}
.prslider-nav .item {padding:0 9px;}
.prslider-nav .item .img {position:relative; padding-bottom:65%; overflow:hidden;}
.prslider-nav .item .img img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:auto !important; height:auto !important; max-width:100%; max-height:100%; object-fit:contain;}
.prslider-nav .item .img:after {position:absolute; content:''; top:0; right:0; left: 0; bottom:0; background-color:#fff; opacity:.5;}
.prslider-nav .item.slick-current .img:after {opacity:0;}

.pro-list .flex {display:flex; margin:0 -15px;}
.pro-list .top {margin-bottom:30px !important;}
.pro-list li {padding:0 15px;}
.pro-list .item {position:relative;}
.pro-list .item .img-box {overflow:hidden; position:relative; transition:all 0.2s ease-in-out;}
.pro-list .item .img-box:after {position:absolute; opacity:0; content:''; top:0; left:0; right:0; bottom:0; transition:all 0.9s ease-in-out; background-color:rgba(255,255,255,.7);}
.pro-list .item p {font-size:28px; bottom:30px; left:40px; letter-spacing:-.01em; position:absolute; font-weight:600; color:#fff; transition:all 0.3s ease-in-out; letter-spacing:-.01em; line-height:1.2em;}
.pro-list .item:hover .img-box img {transform:scale(1.1); transition:all 0.3s ease-in-out;}
.pro-list .item:hover p {color:#454545; transition:all 0.3s ease-in-out;}
.pro-list .item:hover .img-box:after {opacity:1; transition:all 0.2s ease-in-out;}

.pro-tit {font-size:35px; margin-bottom:45px; letter-spacing:-.02em; line-height:1.3em; color:#242424; font-weight:600; text-align:center;}

.pro-menu {margin-bottom:50px; display:flex; justify-content:center;}
.pro-menu li {padding:0 15px; position:relative; line-height:1.3em;}
.pro-menu li:after {position:absolute; content:''; width:1px; height:10px; right:0; background-color:#ddd; top:50%; transform:translateY(-50%);}
.pro-menu li:last-child:after {display:none;}
.pro-menu li a {font-size:18px; letter-spacing:-.02em; line-height:1.3em; color:#686868;}
.pro-menu li.active a {color:#242424; font-weight:600;}

.go-list {font-size:17px; margin-top:40px; line-height:1.3em; text-decoration:underline; letter-spacing:-.02em; display:block; text-align:right;}

/* .pos-r {position: relative;}
.page-arrow {width: 30px; height: 53px; display: block; position: absolute; top:43.7%; z-index: 1;}
.page-prev {left:80px;} 
.page-next {right:80px;}  */