@charset "utf-8"; /* ========================================================================================================================================================================================= ////////////// 미르넷 웹코딩 3.0 작성자 : 김은미 대리 //////////////////////// ============= 코딩 CSS.3.0. HTML.5.0. 크롬최적화 익스 11. 최적화 ================ ////////////// 2026.09.18. CSS Document /////////////////////// ========================================================================================================================================================================================= */ /*웹페이지 기본 탑 컨텐츠 풋 레이아웃 2023.01.30. 최신*/ #doc-wrap {position:relative;min-width: 1500px;height: 100%;box-sizing: border-box;} button, select {font-family: "S-CoreDream-5Medium",'TTWelcomeRegular',"Noto Sans KR", "맑은고딕","돋움",arial,Dotum,Verdana,helvetica,clean,sans-serif !important;} .disp-none{clear:both;display:none} @media all and (max-width:1299px){ #doc-wrap {min-width: 360px;} .div-cont {margin: 0;} } @media all and (max-width:768px){ .div-cont {margin: 0 10px;} #smart-search .div-cont {margin: 0;padding: 0;width: 100%;position: relative;display: block;box-sizing: border-box;} } /* 스킵네비게이션 */ #skipNavi {height:0} #skipNavi .skipLink {position:absolute;top:-1000px;left:-1000px;overflow:hidden;z-index:5000} #skipNavi .skipLink:focus, #skipNavi .skipLink:active {top:0;left:0;padding:10px 20px;background:#1e64ba;color:#fff} /* 레이아웃 */ #header-wrap {position:relative;height: 90px;z-index:99;} #mcontainer-wrap {position:relative;width:100%} #container {position:relative;max-width: 1400px;margin: 0 auto;z-index: 1;} #container:after {content:'';clear:both;display:block} .header-fix #container {position:relative;display: block;max-width: 1400px;margin: 200px auto 0;z-index: 1;} .main-00 #header-wrap {position: absolute;display: block;top: 0;width: 100%;height: auto;z-index:99;} .isSub #header-wrap {position:relative;height: 0px;z-index:99;} @media all and (max-width:1400px) { #container {max-width: 1300px;} } /*header-fix*/ #doc-wrap.header-fix #header {position:fixed;top: 0px;left:0;width:100%;background: rgba(0, 0, 0, 0.5);background: #fff;z-index:15;} #doc-wrap.header-fix #header:before{content:'';position: absolute;display: block;bottom: -1px;width: 137px;height: 110px;z-index: 10;background-position: -18px -50px;} #doc-wrap.header-fix #header:after{content:'';position: absolute;display: block;bottom: 0;width: 250px;height: 71px;z-index: 10;background-position: -155px -110px;} #doc-wrap.header-fix #cont-navi {position:fixed;top: 80px;width: 100%;transition: all .3s ease;} #doc-wrap.header-fix #smart-search {top: 80px;} #doc-wrap.header-fix #cont-navi:before{content:"";position:absolute;left:0;top:0;width:100%;} #doc-wrap.header-fix #cont-navi .div-cont:before{content:"";display:none;position:absolute;left:0;top:0;/* background-color: #229fb3; */background-image: linear-gradient(135deg, rgba(4, 151, 255, 0.7) 0%, rgba(0, 110, 224, 0.7) 60%, rgba(0, 93, 158, 0.7) 100%);width:100%;height: 100%;border-radius: 50px;} #doc-wrap.header-fix #header-wrap.is-open #header {position:fixed;top: 0px;left:0;width:100%;background: #fff;z-index:15;} @media all and (max-width:1289px) { .isSub #header-wrap {position:relative;height: 0;z-index:99;} #doc-wrap.header-fix #cont-navi {position:fixed;top: 80px;width: 100%;margin-top: 0;transition: all .2s ease;} } @media (max-width: 1040px){ #header-wrap {position:relative;height: 125px;z-index:99;} } @media all and (max-width:999px) { .isSub #header-wrap {position:relative;display: block;height: 80px;z-index:99;} #doc-wrap.header-fix #cont-navi {top: 79px;} #doc-wrap.header-fix #smart-search {top: 80px;} #header-wrap {position:relative;height: 120px;z-index:99;} .main-00 #header-wrap {position: absolute;min-height: 0px;height: auto;z-index:99;} .header-fix #container{margin: 0 auto;} } /* contents */ #container-wrap{z-index: 1;} #contents {width:100%;max-width: 1400px;padding: 0;padding-top: 30px;min-height:600px;word-break:keep-all;word-wrap:break-word;} @media only screen and (min-width:1300px) { #contents {width:100%;max-width: 1400px;padding: 0;padding-top: 30px;min-height:600px;word-break:keep-all;word-wrap:break-word;} } #svisual-wrap .cont-top {position: relative;display: block;top: 50%;left: 50%;max-width: 1500px;height: 60px;text-align: center;margin-left: -750px;margin-top: 45px;} #svisual-wrap .cont-titBx{position: relative;display: inline-block;margin-top: 0;} #svisual-wrap .cont-titBx .cont-btn1{position: relative;display: inline-block;} #svisual-wrap .cont-titBx .cont-tit {color: #ffffff;font-size: 25px;font-weight: 500;letter-spacing: 0px;position: relative;display: inline-block;top: 4px;padding: 16px 30px 7px;margin: 0px 10px 0;font-family: 'welcome_Bold';} #svisual-wrap .cont-titBx .cont-btn2{position: relative;display: inline-block;} #svisual-wrap .cont-top .cont-tit:before{content:'';position: absolute;display: none;bottom: -38px;left: 50%;width: 764px;height: 8px;margin-left: -382px;background-position: 0px -350px;} #svisual-wrap .cont-top .cont-tit:after{content:'';position: absolute;display: block;top: -1px;left: -1px;width: 100%;height: 100%;background: transparent;border: 3px solid #fff;z-index: 0;} #svisual-wrap .cont-top > a {position:absolute;top: 0;margin:auto;background-position: center -257px;box-sizing: border-box;transition:all .5s ease;} #svisual-wrap .cont-top .prev-cont-tit, #svisual-wrap .cont-top .next-cont-tit{display: block;vertical-align: top;min-height: 60px;} #svisual-wrap .cont-top .prev-cont-tit{left: 0;padding: 0 20px 0 40px;transition:all .5s ease;} #svisual-wrap .cont-top .next-cont-tit{right: 0;padding: 0 40px 0 20px;transition: all .5s ease;} #svisual-wrap .cont-top .prev-cont-tit:before{content:"";z-index: 2;position: absolute;display: block;top: 20px;border-top: 2px solid #ffffff;border-left: 2px solid #ffffff;width: 20px;height: 20px;transform: rotate(-45deg);-ms-transform: rotate(-45deg);transition:all .5s ease;} #svisual-wrap .cont-top .next-cont-tit:after{content:"";z-index: 2;position: absolute;display: block;top: 20px;border-top: 2px solid #ffffff;border-left: 2px solid #ffffff;width: 20px;height: 20px;transform: rotate(135deg);-ms-transform: rotate(135deg);transition:all .5s ease;} #svisual-wrap .cont-top .prev-cont-tit:hover:after{position:absolute;top: 31px;left: 18px;margin-top:-1px;width:70px;height:2px;background:#fff;content:"";-webkit-animation-name:arrowLine;animation-name:arrowLine;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;animation-direction:reverse;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:cubic-bezier(1,0,0,1);animation-timing-function:cubic-bezier(1,0,0,1);} #svisual-wrap .cont-top .next-cont-tit:hover:before{position:absolute;top: 31px;right: 17px;margin-top:-1px;width:70px;height:2px;background:#fff;content:"";-webkit-animation-name:arrowLine;animation-name:arrowLine;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:normal;animation-direction:normal;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:cubic-bezier(1,0,0,1);animation-timing-function:cubic-bezier(1,0,0,1);} #svisual-wrap .cont-top .prev-cont-tit:before{background-position:-28px -34px;left: 20px;transition:all .5s ease;} #svisual-wrap .cont-top .next-cont-tit:after{right: 20px;transition:all .5s ease;} #svisual-wrap .cont-top > a:hover span, #svisual-wrap .cont-top > a:focus span {color:#3F51B5;font-size:20px;} #svisual-wrap .cont-top > a.prev-cont-tit span, #svisual-wrap .cont-top > a.next-cont-tit span{position: relative;display: inline-block;font-size:20px;letter-spacing:-.05em;z-index: 5;top: 4px;color: #fff;transition:all .3s ease;} #svisual-wrap .cont-top > a.prev-cont-tit span{padding: 16px 20px 0;left: 0;} #svisual-wrap .cont-top > a.next-cont-tit span{padding: 16px 20px 0;right: 0;} #svisual-wrap .cont-top .prev-cont-tit:hover{left:-50px;padding: 0 25px 0 80px;transition:all .5s ease;} #svisual-wrap .cont-top .next-cont-tit:hover{right:-50px;padding: 0 80px 0 25px;transition: all .5s ease;} .header-fix #svisual-wrap .cont-top {position:relative;display: block;max-width: 1300px;height: 60px;text-align: center;margin: 0 auto;margin-top: 110px;} @media all and (max-width:1180px){ #svisual-wrap .cont-top > a span, #svisual-wrap .cont-top > a.prev-cont-tit span, #svisual-wrap .cont-top > a.next-cont-tit span{display:none} } @media all and (max-width:999px){ #svisual-wrap {margin-top:0} #svisual-wrap {z-index:5} #svisual-wrap #cont {padding-bottom:40px} #svisual-wrap .cont-top {margin-bottom: 32px;margin-top: 33px;/* border:0; */} #svisual-wrap .cont-top .cont-tit {position:relative;display: inline-block;font-size: 22px;top: 0px;padding: 13px 30px 11px;} #svisual-wrap .cont-top a.prev-cont-tit:before, #svisual-wrap .cont-top a.next-cont-tit:after {width: 20px;height: 20px;} #svisual-wrap .cont-top a.prev-cont-tit:before {background-position: -28px -17px;} #svisual-wrap .cont-top a.next-cont-tit:after {background-position: -57px -34px;} #svisual-wrap .cont-top .prev-cont-tit:before{left: 22px;} #svisual-wrap .cont-top .next-cont-tit:after{right: 20px;} #svisual-wrap .cont-top > a span, #svisual-wrap .cont-top > a.prev-cont-tit span, #svisual-wrap .cont-top > a.next-cont-tit span{display:none} #header-wrap {height:auto} #svisual-wrap .cont-top > a {top: 0px;transition:all .5s ease;} #svisual-wrap .cont-top .prev-cont-tit{left: 0;padding: 0 20px 0 40px;transition:all .5s ease;} #svisual-wrap .cont-top .next-cont-tit{right: 0px;padding: 0 40px 0 20px;transition: all .5s ease;} #svisual-wrap .cont-top .prev-cont-tit:hover{left:0px;padding: 0 25px 0 80px;transition:all .5s ease;} #svisual-wrap .cont-top .next-cont-tit:hover{right:0px;padding: 0 80px 0 25px;transition: all .5s ease;} .header-fix #svisual-wrap .cont-top {position:relative;display: none;max-width: 1300px;height: 60px;text-align: center;margin: 0 auto;margin-top: 207px;} #svisual-wrap .cont-titBx{position: relative;display: inline-block;margin-top: 4px;} } @media all and (max-width:780px){ #svisual-wrap .cont-top a.prev-cont-tit:before, #svisual-wrap .cont-top a.next-cont-tit:after {width: 20px;height: 20px;} } @-webkit-keyframes arrowLine{ 0%{transform-origin:0 0;transform:scaleX(0)} 50%{transform-origin:0 0;transform:scale(1)} 50.1%{transform-origin:100% 0;transform:scale(1)} to{transform-origin:100% 0;transform:scaleX(0)} } @keyframes arrowLine{ 0%{transform-origin:0 0;transform:scaleX(0)} 50%{transform-origin:0 0;transform:scale(1)} 50.1%{transform-origin:100% 0;transform:scale(1)} to{transform-origin:100% 0;transform:scaleX(0)} } /* cont-navi */ #cont-navi {position:relative;display: block;width: 100%;height: 61px;top: 0;margin-top: 0px;background: #9e8965;transition: all .3s ease;z-index: 25;border: 1px solid #9e8965;border-width: 0px 0 1px 0;} #cont-navi:before{content:'';position: absolute;display: block;top: 0;left: 0;width: 147px;height: 60px;} #cont-navi:after{content:'';position: absolute;display: none;top: 0;right: 50%;width: 310px;height: 60px;margin-right: -960px;background: #6aaaad;z-index: 0;} #cont-navi .div-cont {position:relative;display: block;max-width: 1500px;height: 60px;margin:0 auto;} #cont-navi .div-cont:after {content:"";position:absolute;left: 8px;bottom: 0;width: 99%;height: 0;} #cont-navi .div-cont:before{content:"";position:absolute;left:0;top:0;width:100%;} #cont-navi .home {float:left;position:relative;display:block;width: 80px;height: 60px;margin: 0;text-align:center;} #cont-navi .home>i{position:absolute;top: 15px;left:0;width: 41px;height: 39px;font-size: 28px;color: #ffffff;} #cont-navi dl {float:left;position:relative;width:auto;min-width: 220px;height: 59px;box-sizing:border-box;} #cont-navi dl.cnavi1 {float:left;position:relative;width:auto;min-width: 110px;height: 59px;box-sizing:border-box;} #cont-navi dl.cnavi2{float:left;position:relative;width:auto;min-width: 150px;height:60px;box-sizing:border-box;} #cont-navi dl.cnavi2.is-last{float:left;position:relative;width:auto;min-width: 150px;height:60px;box-sizing:border-box;} #cont-navi dl.cnavi3{float:left;position:relative;width:auto;min-width: 160px;height:60px;box-sizing:border-box;} #cont-navi dt {position:relative;box-sizing: border-box;} #cont-navi .home:after{content:"";position: absolute;top: 9px;right: 9px;border-top: 1px solid #dad2be;border-left: 1px solid #dad2be;width: 41px;height: 41px;transform: rotate( -225deg);-ms-transform: rotate(-225deg);margin-top: 0px;} #cont-navi dt:after{} #cont-navi dt a {position:relative;display:block;height: 60px;padding-left:30px;box-sizing: border-box;} #cont-navi dl.is-last a:after{content:'';position: absolute;display:block;border-top: 0;border-left: 0;top: 5px;right: -56px;width: 89px;height: 55px;overflow: hidden;} #cont-navi dt a .txt {position:relative;display:block;color: #ffffff;font-weight:500;font-size: 20px;letter-spacing:-.05em;padding: 20px 80px 0 0;box-sizing: border-box;} #cont-navi dt a .txt:after {content:"";position:absolute;top: 9px;right: 15px;border-top: 1px solid #dad2be;border-left: 1px solid #dad2be;width: 41px;height: 41px;transform: rotate(-225deg);-ms-transform: rotate(-225deg);margin-top: 0px;} #cont-navi .is-last dt a .txt{color: #ffffff;font-weight: 700;font-size: 25px;letter-spacing: -1px;top: -3px;padding: 21px 80px 0 0;font-family: 'welcome_Bold';/* font-family: 'S-CoreDream-7ExtraBold'; *//* text-shadow: 0px 0px 20px #574424; */} #cont-navi .is-last dt a .txt:after{content:'';position: absolute;display:block;width: 18px;height: 35px;top: 12px;right: 55px;z-index: 20;transform: rotate(0);margin-top: 0;border: 0;opacity: 1;} #cont-navi dt>a:before{content:'';position: absolute;display:block;top: 21px;right: 53px;z-index: 20;border-top: 2px solid #ffffff;border-left: 2px solid #ffffff;width: 10px;height: 10px;transform: rotate(-135deg);-ms-transform: rotate(-135deg);transition:all .3s ease;} #cont-navi dt>a:hover:before{content:'';position: absolute;display:block;top: 27px;right: 53px;z-index: 20;border-top: 2px solid #ffffff;border-left: 2px solid #ffffff;width: 10px;height: 10px;transform: rotate(-315deg);-ms-transform: rotate(-225deg);transition:all .3s ease;} #cont-navi .is-last dt a:before{content:'';display:none;} #cont-navi dd.nodd{display:none;} #cont-navi .sub-list ul {position: relative;display: block;/* border:1px solid #c3c3c3; */border-top:0;} #cont-navi .sub-list ul:before{content:'';position: absolute;display: block;width: 100%;height: 100%;top: 0;left: 0;background: #e1dacf;background-size: 90%;background-position: 20px 42px;} #cont-navi .sub-list .mn_a1{position:relative;display:block;border-bottom: 1px solid rgba(255, 255, 255, 0.15);padding: 15px 60px 16px 25px;font-size: 16px;color: #fff;} #cont-navi .sub-list#cnavi_3 .mn_a1 {position:relative;display:block;border-bottom:1px solid #ececec;padding: 16px 16px 16px 20px;color:#555;font-size:17px;white-space: nowrap;} #cont-navi .sub-list li:last-child .mn_a1 {border-bottom:0} #cont-navi .sub-list .mn_a1:after {display:block;content:"";position:absolute;top:50%;right: 30px;border:2px solid transparent;border-top: 2px solid #5f4d30;border-left: 2px solid #5f4d30;width:6px;height:6px;margin-top: -4px;transform:rotate(135deg);-ms-transform:rotate(135deg);} #cont-navi .sub-list .mn_a1[target=_blank] span:after{display:inline-block;content:"";width:11px;height:11px;vertical-align:middle;margin-left:10px;background:url(/resources/_Img/Common/ico_nw.png) no-repeat 0 0} #cont-navi .sub-list li .mn_a1:hover, #cont-navi .sub-list li .mn_a1:focus, #cont-navi .sub-list li.isOver a{background: #6f5f34;color:#fff} #cont-navi .sub-list li:last-child .mn_a1:hover, #cont-navi .sub-list li:last-child .mn_a1:focus, #cont-navi .sub-list li:last-child.isOver {background: #6f5f34;color:#fff;} #cont-navi .sub-list .mn_a1:hover span, #cont-navi .sub-list .mn_a1:focus span, #cont-navi .sub-list li.isOver a span{color: #ffffff;top: 4px;display: block;position: relative;} #cont-navi .sub-list li a span{color: #5f4d30;top: 0px;display: block;position: relative;} #cont-navi .sub-list .mn_a1:hover:after, #cont-navi .sub-list .mn_a1:focus:after, #cont-navi .sub-list li.isOver a:after{display:block;border-top: 2px solid #ffffff;border-left: 2px solid #ffffff;} #cont-navi .cont-ctrl-btns {position:absolute;right: 0;top:0;height: 60px;font-size:0;z-index:1;} #cont-navi .cont-ctrl-btns button {position:relative;background-color:transparent;border:0;width:60px;height: 60px;transition:all .3s ease;} #cont-navi .cont-ctrl-btns button.btn-nb{border-radius: 0;} #cont-navi .cont-ctrl-btns button:before {content:"";display:block;position:absolute;top: 7px;bottom:0;right:0;left: 6px;width: 80%;height: 80%;} #cont-navi .cont-ctrl-btns .btn-share {background-color: rgb(177 156 121);} #cont-navi .cont-ctrl-btns .btn-print {border-radius: 0;} #cont-navi .cont-ctrl-btns .btn-print:before {content:"";display:block;position:absolute;top:0;bottom:0;right:0;left:0;width: 60px;height: 60px;background: #655439;z-index: -1;} #cont-navi .cont-ctrl-btns .btn-share>i{font-size: 30px;color: #fff;} #cont-navi .cont-ctrl-btns .btn-print>i{font-size: 30px;color: #fff;} #cont-navi .cont-ctrl-btns .sns-list{display:none;position:absolute;top: 60px;left:0;z-index:3;width:60px} #cont-navi .cont-ctrl-btns .sns-list:before{content:'';position: absolute;display: block;top: 0;left: 0;width: 100%;height: 100%;border-radius: 0 0 30px 30px;background-color: rgba(149, 115, 42, 0.5);} #cont-navi .cont-ctrl-btns .sns-list>li{z-index:3;} #cont-navi .cont-ctrl-btns .sns-list>li:last-child{z-index:3;margin-bottom: 10px;} #cont-navi .cont-ctrl-btns .sns-list button {background:none;display:block;width:60px;height:60px;text-align: center;transition:all .3s ease;} #cont-navi .cont-ctrl-btns .sns-list button:before {display:none} #cont-navi .cont-ctrl-btns .sns-list button span {position:relative;display:block;border-radius:50%;width:41px;height:41px;margin:0 auto;font-size:0;transition:all .3s ease} #cont-navi .cont-ctrl-btns .sns-list button>i{content:"";position:absolute;left: 50%;right:0;top: 21px;bottom:0;font-size: 19px;color: #FFF;margin-left: -12px;} #cont-navi .cont-ctrl-btns .sns-list button:hover:before{display:block;background: #fff;border-radius: 50%;} #cont-navi .cont-ctrl-btns .sns-list button.btn-fb:hover:before{background: #215497;} #cont-navi .cont-ctrl-btns .sns-list button.btn-insta:hover:before{background: #ff0a0a;} #cont-navi .cont-ctrl-btns .sns-list button.btn-nb:hover:before{background: #19aa24;} #cont-navi .cont-ctrl-btns .sns-list button.btn-rk:hover:before{background: #00539a;} /*이것참*/ #cont-navi .cnavi1 .sub-list{position:absolute;top:59px;left: 0;min-width: 240px;display:none;} #cont-navi .cnavi2 .sub-list{position:absolute;top:59px;left:-1px;min-width: 210px;display:none;} .sub01 #cont-navi .cnavi1 .sub-list{position:absolute;top:59px;left: 0;min-width: 255px;display:none;} .sub02 #cont-navi .cnavi1 .sub-list{position:absolute;top:59px;left: 0px;min-width: 255px;display:none;} .sub04 #cont-navi .cnavi2 .sub-list{position:absolute;top:59px;left: 0;min-width: 220px;display:none;} .sub-422 #cont-navi .cnavi2 .sub-list{position:absolute;top:59px;left: 0;min-width: 305px;display:none;} .sub-28 #cont-navi .cnavi2 .sub-list{position:absolute;top:59px;left:-1px;min-width: 220px;display:none;} @media all and (max-width:1340px){ #container {max-width: 1300px;padding: 0 30px;} #cont-navi {padding: 0 0px;} } @media all and (max-width:1299px){ #cont-navi {position:relative;display: block;width: 100%;height: 60px;padding: 0;margin-top: 0;box-sizing: border-box;transition: all .1s ease;} #svisual-wrap .cont-top {position:relative;display: block;max-width: 1200px;height: 60px;text-align: center;margin-left: -595px;margin-top: 45px;} } @media all and (max-width:1200px){ #cont-navi .div-cont {margin:0} } @media all and (max-width:1100px){ #cont-navi dt a {position:relative;display:block;height: 59px;padding-left: 10px;} #cont-navi dt a .txt {position:relative;display:block;color: #d3eaff;font-weight:500;font-size: 16px;letter-spacing:-.05em;padding: 23px 50px 0 0;} #cont-navi dt a:before{content:'';position: absolute;display:block;width: 6px;height: 6px;top: 26px;right: 33px;z-index: 20;} #cont-navi dt a:hover:before{content:'';position: absolute;display:block;width: 6px;height: 6px;top: 30px;right: 33px;z-index: 20;} } @media all and (max-width:999px){ #cont-navi{display: none;margin-top: 125px;} #cont-navi .div-cont {margin:0} #cont-navi dl {min-width:190px} #cont-navi dl:after {top:13px;height:30px} #cont-navi dl.is-last:after {display:block} #cont-navi dt a {padding-left:10px} #cont-navi dt a .txt {font-size:15px;padding-top:17px} #cont-navi .sub-list {min-width:210px} #cont-navi .sub-list .mn_a1 {font-size:14px;padding:12px 10px 15px 10px} #container {margin-top: 0;} #contents {width:auto;max-width:100%;margin: 0;padding-top: 0;} #contents .cont-top {height: 60px;} #contents .cont-top .cont-tit {font-size: 35px;top: 20px;} #contents .cont-top .cont-tit:before{content:'';bottom: -40px;} #contents .cont-top > a span {padding:9px 30px 10px;} #header-wrap {padding-left:0;min-height: 0;} #svisual-wrap .cont-top {position:relative;display: block;max-width: 1300px;width: 100%;height: 60px;text-align: center;left: 0;margin-left: 0;margin-top: -30px;z-index: 1;} #svisual-wrap .cont-titBx .cont-btn1{position: relative;display: none;} #svisual-wrap .cont-titBx .cont-btn2{position: relative;display: none;} } @media all and (max-width:768px){ #cont-navi {display:none} #container {margin-top:0;padding: 0 15px;} #contents #cont {padding-bottom:40px} #contents .cont-top {margin-top: 40px;margin-bottom: 60px;border:0;} #contents .cont-top .cont-tit {position:relative;font-size: 25px;} #contents .cont-top .cont-tit:before{content:'';bottom: -44px;} #contents .cont-top .prev-cont-tit:before, #contents .cont-top .next-cont-tit:after {width:15px;height:28px;} #contents .cont-top .prev-cont-tit:before {background-position:-22px -27px} #contents .cont-top .next-cont-tit:after {background-position:-45px -27px} #contents .cont-top > a span {display:none} #header-wrap {height:auto;} #contents .cont-top .prev-cont-tit {left: 0px;padding: 0 20px 0 20px;transition:all .5s ease;} #contents .cont-top .next-cont-tit {right:0;padding: 0 20px 0 20px;transition: all .5s ease;} #contents .cont-top .next-cont-tit {display: block;vertical-align: top;min-height: 40px;} #contents .cont-top .prev-cont-tit {display: block;vertical-align: top;min-height: 40px;} #contents .cont-top .next-cont-tit:after{content:"";top: 14px;right: 17px;transition:all .5s ease;} #contents .cont-top .prev-cont-tit:before{content:"";top: 14px;left: 16px;transition:all .5s ease;} #contents .cont-top .prev-cont-tit:hover:after{top: 21px;left: 18px;width: 30px;} #contents .cont-top .next-cont-tit:hover:before{top: 20px;right: 18px;width: 30px;} #contents .cont-top .prev-cont-tit:hover{left: -10px;padding: 0 25px 0 40px;transition:all .5s ease;} #contents .cont-top .next-cont-tit:hover{right: -20px;padding: 0 40px 0 25px;transition: all .5s ease;} } #side-wrap{display:none} #multi-tab01{display: block;} #multi-tab01>button{display: none;} @media all and (max-width:999px){ #side-wrap {display:block;position:relative;z-index: 5;margin-top: 0;} .submenu .lm-tit {display:none} #leftmenu {height:60px} #leftmenu .lm_l1 {position:relative;background-color: #6aaaad;} #leftmenu .lm_a1 {display:block;position:relative;padding:0 19px;font-size:18px;color:#fff;line-height:60px;letter-spacing:-.05em} #leftmenu .lm_a1 span {display:block;position:relative} #leftmenu .depth2 {display:none;position:absolute;top:60px;left:0;width:100%;background: #fff;box-shadow:0 5px 10px rgba(0, 0, 0, .2);z-index:2} #leftmenu .depth2 .lm_l2 {position:relative;background-color:#dfdfdf;border-top:1px solid #c3c3c3} #leftmenu .depth2 .lm_l2.is-open {padding-bottom:19px} #leftmenu .depth2 .lm_l2:last-child.is-open {padding-bottom:10px} #leftmenu .depth2 .lm_a2 {display:block;background-color:#fff;padding:16px 0 17px 19px;font-size:16px;color: #a1acbf;letter-spacing:-.05em;} #leftmenu .depth2 .lm_l2.has-sub .lm_a2 {margin-right:40px;} #leftmenu .depth2 .lm_l2.over .lm_a2 {color: #006835;font-weight: 600;} #leftmenu .depth2 .lm_l3.over .lm_a3 {color:#008486;font-weight:500} #leftmenu .depth2 .is-open .lm_a2 {color:#00979c} #leftmenu .lm_l1 > .tgl-btn {position:absolute;top:8px;right:10px;width:40px;height:40px;border:0;background:none;z-index:500} #leftmenu .lm_l1 > .tgl-btn:after {content:"";display:block;position:absolute;width:15px;height:15px;border-bottom:2px solid #fff;border-left:2px solid #fff;top:0;right:0;bottom:0;left:0;margin:7px auto auto auto;transform:rotate(-45deg);transition:all .3s ease} #leftmenu .lm_l1.is-open > .tgl-btn:after {transform:rotate(135deg);margin:17px auto auto auto} #leftmenu .lm_l1 > .tgl-btn span {position:relative;display:block;width:30px;height:30px;font-size:0} #leftmenu .lm_l2 > .tgl-btn {position:absolute;top:0;right:0;background:#fff;border:0;width:40px;height:49px;z-index:500} #leftmenu .lm_l2.is-open > .tgl-btn {} #leftmenu .lm_l2.is-close > .tgl-btn:before, #leftmenu .lm_l2.is-close > .tgl-btn:after {content:"";display:block;position:absolute;top:50%;left:50%;background-color:#949494;width:2px;height:16px;margin-top:-6px;margin-left:-1px} #leftmenu .lm_l2.is-close > .tgl-btn:before {transform:rotate(90deg);-ms-transform:rotate(90deg)} #leftmenu .lm_l2.is-open > .tgl-btn:after {background-color:#00979c;transform:rotate(90deg);-ms-transform:rotate(90deg)} #leftmenu .lm_l2.is-open > .tgl-btn:before, #leftmenu .lm_l2.is-open > .tgl-btn:after {} #leftmenu .depth3 {display:none;position:relative;background-color:#fff;margin:20px 20px 0;font-size:0;overflow:hidden} #leftmenu .depth3:after {content:"";display:block;position:absolute;width:100%;height:1px;left:0;bottom:0;background:#dfdfdf} #leftmenu .depth3 .lm_l3 {position:relative;display:inline-block;background-color:#fff;width:50%;vertical-align:top;border-top:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;margin:-1px 0 0;} #leftmenu .depth3 .lm_a3 {position:relative;display:block;padding:0 15px;height:50px;color:#555;font-size:15px;letter-spacing:-.05em;font-size:0;transition:all .3s ease} #leftmenu .depth3 .lm_a3:before {content:"";display:inline-block;width:0;height:100%;vertical-align:middle;} #leftmenu .depth3 .lm_l3:nth-child(odd) .lm_a3:after {display:block;content:"";position:absolute;right:0;top:0;bottom:0;background-color:#b7b7b7;width:1px;height:13px;margin:auto} #leftmenu .depth3 .lm_l3 > .tgl-btn {display:none} #leftmenu .depth3 .lm_a3 span {display:inline-block;position:relative;vertical-align:middle;font-size:14px;line-height:1.2;word-wrap:break-word;word-break:keep-all;white-space:normal} #leftmenu .depth3 .lm_l3.over .lm_a3 span:after {content:"";position:absolute;left:-7px;top:7px;background:#00979c;width:3px;height:3px;border-radius:50%;} #leftmenu .depth3 .lm_l3.over .lm_a3, #leftmenu .depth3 .lm_l3 .lm_a3:hover, #leftmenu .depth3 .lm_l3 .lm_a3:focus {} #leftmenu .depth3 .lm_l3.over .lm_a3:before, #leftmenu .depth3 .lm_l3 .lm_a3:hover:before, #leftmenu .depth3 .lm_l3 .lm_a3:focus:before {} #leftmenu .depth3 .lm_l3.over .lm_a3 span:after, #leftmenu .depth3 .lm_l3 .lm_a3:hover span:after, #leftmenu .depth3 .lm_l3 .lm_a3:focus span:after{} #leftmenu .lm_l1.is-open .lm_a1 span:after {transform:rotate(180deg);-ms-transform:rotate(180deg)} #multi-tab01{display:block;margin: 65px 0 15px;} #multi-tab01>button{display:block;} } @media all and (max-width:999px) { #multi-tab01{display:block;margin: 5px 0 10px;} } @media all and (max-width:780px) { #side-wrap {display:block;position:relative;z-index: 5;margin-top: 0;} } @media all and (max-width:400px) { #leftmenu .depth2 .lm_l2.is-open {padding-bottom:9px} #leftmenu .depth3 {margin:10px 10px 0} } /*이것참 #cont 안에 버튼셀렉트인데....*/ #contents #cont{padding: 0 0 50px;font-size:17px;font-weight: 500;color:#555;letter-spacing:-0.05em;line-height:1.647;word-break:keep-all;word-wrap:break-word;min-height: 850px;max-width: 1400px;position: relative;display: block;z-index: 1;} #contents #cont:before{content:'';position: absolute;display: none;bottom: -300px;left: 50%;width: 1920px;height: 600px;margin-left: -960px;z-index: -5;} #contents #cont select, #contents #cont input[type="text"], #contents #cont input[type="password"] {font-size:17px;font-weight:400;line-height:1} #contents #cont textarea {font-size:17px;font-weight:400;min-height: 400px;color:#555} #contents #cont:after {clear:both;content:"";display:block} @media all and (max-width:999px) { #contents #cont {padding: 0 0 40px;font-size:17px;font-weight: 500;color:#555;letter-spacing:-0.05em;line-height:1.647;word-break:keep-all;word-wrap:break-word;min-height: 700px;max-width: 1300px;margin: 0 auto 0;position: relative;display: block;padding-top: 20px;} } @media all and (max-width:799px) { #contents #cont {font-size:16px;line-height:1.5} #contents #cont select{font-size:16px;width: 25%;} #contents #cont input[type="text"], #contents #cont input[type="password"] {font-size:16px;width: 50%;} #contents #cont textarea {font-size:16px;line-height:1.5} .write-1 input.form-control{vertical-align: top;width: 600px;min-height: 40px;box-sizing:border-box;border: 4px solid #b60014;} #contents #cont .row_hp input[type="text"]{font-size:16px;width: 12%;} } @media all and (max-width:599px){ #contents #cont {padding-bottom:30px;font-size:15px;line-height:1.467} #contents #cont select{font-size:16px;width: 25%;} #contents #cont input[type="text"], #contents #cont input[type="password"] {font-size:15px;} #contents #cont textarea {font-size:15px;line-height:1.467;width: 95% !important;} } #contents #cont .video-js button{font-size: 10px;font-weight:400;color: #fff;line-height:1;} #contents #cont .video-js .vjs-big-play-button{} #contents #cont .video-js .vjs-big-play-button .vjs-icon-placeholder:before{font-size: 13px;} /* header */ #header-wrap #header{position: relative;display: block;width: 100%;padding: 0;box-sizing: border-box;background: rgba(0, 0, 0, 0.5);background: #f5f4ef;z-index: 10;} #header-wrap #header:after{content:'';position: absolute;display: none;top: 0;right: 0;width: 250px;height: 110px;padding: 0;transition: all .3s ease;} #header-wrap #header:before{content:'';position: absolute;display: none;width: 200px;height: 110px;padding: 0;transition: all .3s ease;} #header-wrap.is-open #header{position: relative;display: block;width: 100%;padding: 0;box-sizing: border-box;background: #fff;} @media all and (max-width:999px) { #header-wrap #header{position: relative;display: block;padding: 0;} } @media all and (max-width:730px) { #header-wrap #header{position: relative;display: block;padding: 0;background: #fff;} } /* global */ #global {position:relative;text-align:right;z-index:6;height: 40px;background-image: linear-gradient(135deg, #efefef 0%, #dbdbdb 43%, #e9e9e9 100%);background-attachment: fixed;} #global .global-wrap{position: relative;display: block;max-width: 1400px;height: 40px;margin: 0 auto;text-align: left;transition: all .3s ease;} #global .global-wrap:before{content:'';position: absolute;display: block;left: 140px;width: 131px;height: 40px;opacity: .5;transition:all .3s ease;} #global .glink {position:absolute;right: 0;top: 10px;font-size:0;z-index: 5;transition: all .3s ease;} #global .glink:before{content:'';position: absolute;display: block;top: -10px;left: -250px;width: 200px;height: 40px;opacity: .5;transition:all .3s ease;} #global .glink a {position: relative;display:inline-block;color: #000;min-width: 60px;font-size:14px;line-height: 25px;text-align:center;padding: 0 16px;transition:all .3s ease;} #global .glink a:before{content:'';transition:all .3s ease;position: absolute;display: block;top: 4px;right: 0;width: 1px;height: 15px;background: #c3c3c3;} #global .glink a:last-child:before{content:'';display: none;} #global .glink a.link1{background-color: transparent;color: #454a5c;} #global .glink a.link1:hover, #global .glink a.link1:focus{color: #006835;} #global .glink a .txt1{font-family: "LatoWebBold";text-transform: uppercase;} #global .glink a .txt2{font-family: 'TTWelcomeRegular';text-transform: uppercase;font-size: 16px;} #global .glink a.link2{background-color:#f0f0f0;color:#333;letter-spacing:-.05em} #global .glink a:hover, #global .glink a:focus {text-decoration:underline} #global .srvc-link{position: relative;display: none;left: 0;top: 13px;} #global .srvc-link>span{font-size: 14px;font-family: 'Happiness-Title','LeferiPoint-BlackA','Jalnan';letter-spacing: -0.3px;text-transform: uppercase;} @media all and (max-width:1200px) { #global .global-wrap{position: relative;display: block;max-width: 100%;margin: 0 auto;padding: 0 30px;} #global .glink-left {display: inline-block;left: 20px;top: 9px;font-size:0;} } @media all and (max-width:999px) { #global {position: relative;left:-30000px;height:40px;display: none;} #global .div-cont {margin:0} #global .sns-lnk a {height:40px;width:45px} #global .sns-lnk a.fb {background-position:-2px -66px} #global .sns-lnk a.tw {background-position:-2px -116px} #global .sns-lnk a.blog {background-position:-2px -166px} #global .employ-btn {height:40px} #global .employ-btn span {line-height:40px;font-size:13px} #global .gsel-lang {height:40px} #global .gsel-lang dt a {padding:8px 10px 0 10px;height:32px} #global .glink-left {display: none;left: 20px;top: 4px;font-size:0;} } @media all and (max-width:730px){ .main-00 #header{position: relative;display: block;width: 100%;padding: 0;background: #fff;} } @media all and (max-width:460px){ #global .employ-btn {padding:0 10px} #global .employ-btn span:before {display:none} #global .gsel-lang dt a:before {display:none} } @media all and (max-width:320px){ #global .sns-lnk a {width: 38px} #global .sns-lnk a.fb {background-position:-6px -66px} #global .sns-lnk a.tw {background-position:-6px -116px} #global .sns-lnk a.blog {background-position:-6px -166px} } /* logo */ #logo {z-index: 10;position: absolute;display: inline-block;top: 25px;left: 0;transition: all .3s ease;} #logo .logo {position: relative;display:block;z-index:5;} #logo .logo a span{display:block;width: 175px;height: 55px;padding-left: 0;background: url(/park/_Img/all_img/top-Logo2.png)no-repeat;background-size: cover;} #header-wrap.is-open #logo .logo a span{display:block;width: 175px;height: 55px;padding-left: 0;background: url(/park/_Img/all_img/top-Logo2.png)no-repeat;background-size: cover;} #logo .logo a span>img{max-width:100%;display: none;position: relative;} #logo .logo a span em {width: 120px;display: none;font-size: 18px;position: relative;top: 25px;font-family: 'welcome_Bold';color: #fff;line-height: 20px;font-style: normal;} /* header-fix 변환 */ #doc-wrap.header-fix #logo {top: 14px;left: 15px;margin-left: 0;} #doc-wrap.header-fix #logo .logo a span{position: relative;display:block;width: 150px;height: 50px;padding-left: 0;background-size: contain;} #doc-wrap.header-fix #logo .logo a span em {width: 120px;display: none;font-size: 16px;position: relative;top: 15px;font-family: 'welcome_Bold';color: #fff;line-height: 17px;font-style: normal;} @media all and (max-width:1500px){ #logo {z-index: 10;position: absolute;display: inline-block;top: 25px;left: 10px;transition: all .3s ease;} } @media all and (max-width:999px){ #logo {width: 175px;height: 60px;text-align:center;padding: 0;z-index: 5;position: absolute;display: block;left: 50%;margin-left: -90px;top: 10px;} #logo .logo {position:static;display:inline-block;margin:0} #logo .logo a span {display:block;width: 175px;height: 63px;} #logo .logo a img {height: auto;} } @media all and (max-width:640px){} /* header */ #menu-wrap .srch-btn {position:absolute;right:10px;top:25px;border:0;background:#fff;border-bottom:2px solid #57c928;z-index:1000} #menu-wrap .srch-btn span {display:inline-block;font-size:14px;color:#53b02c;line-height:1;padding:10px 0 10px 22px;background:url(/resources/_Img/Templet/Layout/srch_ico.png) no-repeat 0 center} #menu-wrap .srch-btn.is-open span {background:url(/resources/_Img/Templet/Layout/srch_close.gif) no-repeat 0 center} /* 메뉴 */ #menu-wrap:after {clear:both;display:block;content:""} #menu-wrap .menu-cont {width:76%;padding-left:24%} #mn-ctrs-btns {display:none} #header-wrap .mn-solid-line{position: absolute;display: block;top: 110px;left: 0;width: 0;height: 1px;background: #ffffff;opacity: 0.5;transition: all .6s ease;z-index: 1001;} #header-wrap.is-open .mn-solid-line{position: absolute;display: block;top: 110px;left: 0;width: 100%;height: 1px;background: #000;opacity: 0.2;transition: all .6s ease;z-index: 1001;} #header .header-Bx{position: relative;display: block;max-width: 1500px;height: 110px;padding: 0;margin: 0 auto;box-sizing: border-box;z-index: 1000;transition: all .3s ease;} #mainNavi-wrap {position:relative;padding:0;display:block;z-index: 1;width:100%;height: 80px;overflow:hidden;box-sizing:border-box;transition: all .3s ease;} #mainNavi {position:relative;text-align:left;margin: 0;height: 110px;} #mainNavi-wrap .bt-mnall, #mainNavi .tmn-box, #mainNavi .tmn-elink {display:none;} @media all and (max-width:1500px){ #header .header-Bx{position: relative;display: block;max-width: 1500px;height: 110px;padding: 0 10px;margin: 0 auto;box-sizing: border-box;z-index: 1000;transition: all .3s ease;} } @media all and (max-width:999px){ #header-wrap .mn-solid-line{position: absolute;display: block;top: 110px;left: 0;width: 0;height: 1px;background: #ffffff;opacity: 0.5;transition: all .6s ease;z-index: 1001;} #header-wrap.is-open .mn-solid-line{position: absolute;display: block;top: 80px;left: 0;width: 100%;height: 1px;background: #000;opacity: 0.2;transition: all .6s ease;z-index: 100;} } /* header-fix 변환 */ #doc-wrap.header-fix #header-wrap .mn-solid-line{position: absolute;display: block;top: 80px;left: 0;width: 0;height: 1px;background: #fff;opacity: 0.5;transition: all .6s ease;z-index: 1001;} #doc-wrap.header-fix #header-wrap.is-open .mn-solid-line{position: absolute;display: block;top: 80px;left: 0;width: 100%;height: 1px;background: #000;opacity: 0.2;transition: all .6s ease;z-index: 1001;} #doc-wrap.header-fix #header .header-Bx{position: relative;display: block;max-width: 1500px;height: 80px;padding: 0;margin: 0 auto;box-sizing: border-box;z-index: 1000;} #doc-wrap.header-fix #mainNavi-wrap {position:relative;padding:0;display:block;z-index: 1;width:100%;height: 80px;overflow:hidden;box-sizing:border-box;} #doc-wrap.header-fix #mainNavi {position:relative;text-align:left;margin: 0;height: 80px;} .topmenu{position: relative;display: block;height: 110px;margin-left: 205px;font-size: 0;} .topmenu:after {content:"";display:block;clear:both;} .topmenu li {position: relative;display: inline-block;padding: 0;margin: 0;vertical-align:top;} .topmenu li:nth-child(3){position: relative;display: inline-block;padding: 0;margin: 0;vertical-align:top;} .topmenu li.sitemap{position: absolute;display: block;right: 170px;width: 64px;height: 60px;padding: 0;margin: 0;} .topmenu li.sitemap>.mn_a1 {position: absolute;display: block;width: 63px;height: 60px;line-height: 34px;padding: 0;margin: 0;background: #2f374e;} .topmenu li.sitemap>.mn_a1>.txt{position: absolute;display: inline-block;top: 29px;width: 26px;height: 2px;padding: 0;margin: 0;text-indent: -10000px;background: transparent;} .topmenu li.sitemap>.mn_a1:before, .topmenu li.sitemap>.mn_a1:after, .topmenu li.sitemap>.mn_a1>span.txt:before {content:"";position: absolute;display:block;top: 0;left: 16px;bottom: auto;right: auto;width:27px;height:2px;padding: 0;margin: 0;opacity: 1;background: #fdfdfd;margin-left: 0px;transition:all .3s ease;} .topmenu li.sitemap>.mn_a1:before {content:"";bottom: auto;top: 18px;display:block;} .topmenu li.sitemap>.mn_a1:after{content:"";bottom: 18px;top: auto;} .topmenu li.sitemap>.mn_a1:hover:before{content:"";width:27px;left: 12px;} .topmenu li.sitemap>.mn_a1:hover:after{content:"";;width:27px;left: 12px;} .topmenu li.sitemap>.mn_a1:hover>span.txt:before {content:"";width:28px;left: 20px;} .topmenu .tgl-btn {display:none;} .topmenu a, .topmenu span {white-space:nowrap;color: #fff;} .topmenu .mn_l1>.mn_a1{position:relative;display: inline-block;padding: 49px 20px 43px;margin: 0;box-sizing: border-box;} .topmenu .mn_l1:nth-child(5)>.mn_a1{position:relative;display: inline-block;padding: 52px 16px 42px;margin: 0;box-sizing: border-box;} .topmenu .mn_l1:nth-child(8)>.mn_a1{position:relative;display: block;padding: 49px 20px 43px;margin: 0;box-sizing: border-box;} .topmenu .mn_l1>.mn_a1:before{content:"";position: absolute;display: none;top: 49px;right: 0;width: 8px;height: 8px;padding: 0;margin: 0;opacity: 1;background: #b60014;border-radius: 50%;} .topmenu .mn_l1:after{content: "";position: absolute;display: inline-block;bottom: -7px;left: 50%;width: 0;margin: 0 0 0 -7px;border-width:6px;transform:rotate(0deg);opacity: 0;border-color:transparent transparent #fff transparent;transition:all .3s ease;} .topmenu .mn_l1>.mn_a1:after {content:"";position:absolute;left: 0px;bottom:0;background-color: #ff0000;width:0;height: 3px;opacity: 0;transition:all .3s ease;/* border-radius: 10px 10px 0 0; */} .topmenu .mn_l1>.mn_a1:hover:after, .topmenu .mn_l1>.mn_a1:focus:after, .topmenu .mn_l1.over>.mn_a1:after {width:100%;left:0px;opacity: 1;} .topmenu .mn_l1.over:after{bottom: 0px;opacity:1;height: 0;background: #0071be;} .topmenu .mn_l1:hover:after, .topmenu .mn_l1:focus:after, .topmenu .mn_l1:active:after{opacity:1;} .topmenu li>.depth2-wrap>.depth2:before{content:"";z-index: 0;opacity: 1;position: absolute;display: block;top: 0;left: -1px;width: 1px;height: 440px;line-height: 60px;padding: 0;margin: 0;background: rgba(0, 0, 0, 0.2);transition:all .3s ease;} .topmenu li:nth-child(1)>.depth2-wrap>.depth2:before{content:"";z-index: 0;opacity: 1;position: absolute;display: block;top: 0;left: 0;width: 1px;height: 440px;line-height: 60px;padding: 0;margin: 0;background: rgba(0, 0, 0, 0.2);opacity: 0.6;transition:all .3s ease;} .topmenu li:nth-child(2)>.depth2-wrap>.depth2:before{content:"";z-index: 0;opacity: 1;position: absolute;display: block;top: 0;left: -1px;width: 1px;height: 440px;line-height: 60px;padding: 0;margin: 0;background: rgba(0, 0, 0, 0.2);opacity: 0.6;transition:all .3s ease;} .topmenu li:nth-child(3)>.depth2-wrap>.depth2:before{content:"";z-index: 0;opacity: 1;position: absolute;display: block;top: 0;left: -2px;width: 1px;height: 440px;line-height: 60px;padding: 0;margin: 0;background: rgba(0, 0, 0, 0.2);opacity: 0.6;transition:all .3s ease;} .topmenu li:nth-child(4)>.depth2-wrap>.depth2:before{content:"";z-index: 0;opacity: 1;position: absolute;display: block;top: 0;left: 0px;width: 1px;height: 440px;line-height: 60px;padding: 0;margin: 0;background: rgba(0, 0, 0, 0.2);opacity: 0.6;transition:all .3s ease;} .topmenu li:nth-child(5)>.depth2-wrap>.depth2:before{content:"";z-index: 0;opacity: 1;position: absolute;display: block;top: 0;left: 0;width: 1px;height: 440px;line-height: 60px;padding: 0;margin: 0;background: rgba(0, 0, 0, 0.2);opacity: 0.6;transition:all .3s ease;} .topmenu li:nth-child(6)>.depth2-wrap>.depth2:before{content:"";z-index: 0;opacity: 1;position: absolute;display: block;top: 0;left: 0;width: 1px;height: 440px;line-height: 60px;padding: 0;margin: 0;background: rgba(0, 0, 0, 0.2);opacity: 0.6;transition:all .3s ease;} .topmenu li:last-child>.depth2-wrap>.depth2:after{content:"";z-index: 0;opacity: 1;position: absolute;display: block;top: 0;left: 91px;width: 1px;height: 440px;line-height: 60px;padding: 0;margin: 0;background: rgba(0, 0, 0, 0.2);opacity: 0.6;transition:all .3s ease;} .topmenu li>.depth2-wrap>.depth2:after{content:"";z-index: 0;opacity: 0;position: absolute;display: block;top: 1px;left: -24px;width: 112px;height: 0px;padding: 0;margin: 0;background: rgb(255, 255, 255);transition:all .3s ease;} .topmenu li:hover>.depth2-wrap:after{content:"";z-index: 0;opacity:1;position: absolute;display: block;top: 0;left: 0;width: 100%;min-height: 285px;padding: 0;margin: 0;/* background: rgb(255, 255, 255, 0.3); */transition:all .3s ease;} .topmenu .mn_a1 .sico-nwin {display:none;} .topmenu .mn_s1{position: relative;display: block;top: 0px;left: 0;color: #000;cursor:pointer;text-align:center;white-space:nowrap;vertical-align:middle;text-overflow:ellipsis;letter-spacing: -0.04em;font-weight: 500;font-size: 18px;font-family: 'S-CoreDream-5Medium', sans-serif;padding: 0;text-transform: uppercase;} #mainNavi-wrap.is-open .topmenu .mn_s1{color: #000;} .topmenu .mn_s1 i{display: none;} #mainNavi-wrap .topmenu .over .mn_a1 .mn_s1, #mainNavi-wrap.is-open .topmenu .over .mn_a1 .mn_s1, #mainNavi-wrap.is-open .topmenu .mn_a1:hover .mn_s1, #mainNavi-wrap.is-open .topmenu .mn_a1:focus .mn_s1, #mainNavi-wrap.is-open .topmenu .mn_a1:active .mn_s1{color: #ff5200;font-weight: 500;} .topmenu .over .mn_a1 .mn_s1:before{content:'';position: absolute;display: none;width: 10px;height: 10px;top: -6px;right: -4px;border-radius: 50%;z-index: 20;background-image: linear-gradient(135deg, #ff9800 0%, #ff5722 43%, #f44336 100%);} .topmenu .mn_a1[target=_blank] span:after {background-position:0 0} .topmenu>li>a.mn_a1>.mn_s1 {background: transparent;transition:all .3s ease;} .topmenu>li>a.mn_a1:hover>.mn_s1 {background: transparent;transition:all .3s ease;} .topmenu>li>a.mn_a1>.is-over {background: transparent;transition:all .3s ease;} .topmenu>li>a.mn_a1>.mn_s1 {background: transparent;transition:all .3s ease;} .topmenu>li>a.mn_a1:hover>.mn_s1 {background: transparent;transition:all .3s ease;} .topmenu>li>a.mn_a1>.is-over {background: transparent;transition:all .3s ease;} .topmenu .depth2-wrap {display:none;position: absolute;top: 110px;left: 0;z-index:300;width: 100%;font-size:15px;text-align:left;background: transparent;} .topmenu .depth2-wrap:before {display:none;position:absolute;top: 70px;z-index:300;width: 1200px;left: 0px;font-size:15px;text-align:left;} .topmenu li .depth2-wrap.is-hidden {display: none ;} .topmenu li .depth2-wrap.is-open {display: block ;} .topmenu li:nth-child(3) .depth2-wrap{padding-left: 5px;left: -4px;} .topmenu li:nth-child(2) .depth2-wrap {left: -15px;padding-left: 0px;} .isIE7 .topmenu * {line-height:60px;} /* header-fix 변환 */ #doc-wrap.header-fix .topmenu{position: relative;display: block;height: 80px;margin-left: 205px;} #doc-wrap.header-fix .topmenu .mn_l1>.mn_a1{position:relative;display: inline-block;padding: 31px 20px;margin: 0;} #doc-wrap.header-fix .topmenu .mn_l1>.mn_a1:after {content:"";position:absolute;left: 0px;bottom:0;background-color: #ffffff;width:0;height: 2px;opacity: 0;transition:all .3s ease;/* border-radius: 10px 10px 0 0; */} #doc-wrap.header-fix .topmenu .mn_l1>.mn_a1:hover:after, #doc-wrap.header-fix .topmenu .mn_l1>.mn_a1:focus:after, #doc-wrap.header-fix .topmenu .mn_l1.over>.mn_a1:after {width:100%;left:0px;opacity: 1;background-color: #ff6a00;} #doc-wrap.header-fix .topmenu .mn_l1.over:after{bottom: 0px;opacity:1;height: 0;background: #0071be;} #doc-wrap.header-fix .topmenu .mn_l1:hover:after, #doc-wrap.header-fix .topmenu .mn_l1:focus:after, #doc-wrap.header-fix .topmenu .mn_l1:active:after{opacity:1;} #doc-wrap.header-fix .topmenu .depth2-wrap{top: 80px;} #doc-wrap.header-fix .topmenu .mn_l1>.mn_a1:before{content:"";position: absolute;display: none;top: 30px;right: 0;width: 8px;height: 8px;padding: 0;margin: 0;opacity: 1;background: #b60014;border-radius: 50%;} #doc-wrap.header-fix .topmenu .mn_l1:last-child>.mn_a1:before{content:"";position: absolute;display: none;top: 35px;right: 0;width: 1px;height: 11px;padding: 0;margin: 0;opacity: 0;background: #000000;} #doc-wrap.header-fix .topmenu .mn_s1 {position: relative;display: block;height: auto;top: 0px;left: 0;color: #000;cursor:pointer;text-align: left;white-space:nowrap;vertical-align:middle;text-overflow:ellipsis;letter-spacing:-0.04em;font-size: 18px;font-weight: 500;padding: 0;font-family: 'S-CoreDream-5Medium', sans-serif;text-transform: uppercase;} #doc-wrap.header-fix .topmenu .over .mn_a1 .mn_s1, #doc-wrap.header-fix .topmenu .mn_a1:hover .mn_s1, #doc-wrap.header-fix .topmenu .mn_a1:focus .mn_s1, #doc-wrap.header-fix .topmenu .mn_a1:active .mn_s1 {color: #ff6a00;font-weight: 500;} #doc-wrap.header-fix #mainNavi-wrap.is-open .topmenu .mn_s1 {position: relative;display: block;height: auto;top: 0px;left: 0;color: #000;font-size: 1.250em;cursor:pointer;text-align: left;white-space:nowrap;vertical-align:middle;text-overflow:ellipsis;letter-spacing:-0.04em;font-size: 18px;font-weight: 500;padding: 0;text-transform: uppercase;} #doc-wrap.header-fix #mainNavi-wrap.is-open .topmenu .over .mn_a1 .mn_s1, #doc-wrap.header-fix #mainNavi-wrap.is-open .topmenu .mn_a1:hover .mn_s1, #doc-wrap.header-fix #mainNavi-wrap.is-open .topmenu .mn_a1:focus .mn_s1, #doc-wrap.header-fix #mainNavi-wrap.is-open .topmenu .mn_a1:active .mn_s1 {color: #ff6a00;font-weight: 700;} .topmenu .mn_l1:nth-child(2)>.mn_a1:before, .topmenu .mn_l1:last-child>.mn_a1:before, #doc-wrap.header-fix .topmenu .mn_l1:nth-child(2)>.mn_a1:before{display:none;} .mn_depth2_s1 {left:0;z-index:350;height: 190px;} .mn_depth2_s2 {left: 0px;z-index:350;width: 185px;} .mn_depth2_s3 {left: 1px;z-index:350;width: 185px;} .mn_depth2_s4 {left: 55px;z-index:350;} .mn_depth2_s5 {left: 41px;z-index:350;} .mn_depth2_s6 {left: 20px;z-index:350;} .topmenu .is-over .depth2 {min-height: 150px;padding-left: 10px;padding-bottom: 0;} .topmenu .depth2-wrap:after {content:"";display:block;clear:both;} .topmenu .depth2-wrap.mn_depth2_s7{width: 234px;} .topmenu .depth2-wrap.mn_depth2_s7>.gmb-img-bx{position: absolute;display: block;top: 50px;left: 28px;} .topmenu .depth2 {z-index: 10;position: relative;display: block;min-height: 110px;margin: 0 0 0 15px;padding: 10px;} .topmenu>li:nth-child(n+1) .depth2 {z-index: 10;position: relative;display: block;min-height: 110px;margin: 0 0 0 0px;padding: 10px;} .topmenu>li:nth-child(2) .depth2 {z-index: 10;position: relative;display: block;min-height: 110px;margin: 0 0 0 15px;padding: 10px;} .topmenu>li:nth-child(3) .depth2 {z-index: 10;position: relative;display: block;min-height: 110px;margin: 0 0 0 0px;padding: 10px 4px;} .topmenu li:nth-child(4) .depth2 {z-index: 10;position: relative;display: block;min-height: 110px;margin: 0 0 0 0px;padding: 10px 10px;left: 0px;} .topmenu>li:nth-child(5) .depth2 {z-index: 10;position: relative;display: block;min-height: 110px;margin: 0 0 0 0px;padding: 10px 4px;} .topmenu>li:nth-child(8) .depth2 {z-index: 10;position: relative;display: block;min-height: 110px;margin: 0 0 0 0px;padding: 10px 5px;} .topmenu .depth2 li {z-index: 10;position: relative;display: block;line-height: 25px;padding: 0 0 0 5px;margin: 0;} .topmenu .depth2 a, .topmenu .depth2 a span {display:inline-block;font-weight: 400;} .topmenu .depth2 .mn_l2 {margin-bottom: 0;} .topmenu .depth2 .mn_a2 {position:relative;display:inline-block;vertical-align:top;text-align:left;padding: 0;margin: 0;} .topmenu .depth2 .mn_a2 span {position:relative;display:block;width: 100%;color: #000;padding: 4px 0 3px 0px;line-height: 20px;font-size: 13px;font-weight: 500;letter-spacing: -1px;text-decoration: none;transition: all .3s ease;} .topmenu .depth2 .mn_a2 span i{display: none;} .topmenu .depth2 .mn_a2 span:before {position:absolute;top: 9px;right: -10px;content:"";display:block;width: 5px;height: 5px;background: transparent !important;border-radius:50%;opacity: 1;transition: all .3s ease;} .topmenu .depth2 .mn_l2:hover .mn_a2 span, .topmenu .depth2 .mn_a2:hover span { } .topmenu .depth2 .mn_l2.over .mn_a2 span:before, .topmenu .depth2 .mn_l2:hover .mn_a2 span:before, .topmenu .depth2 .mn_a2:hover span:before {height: 24px;width: 15px;border-radius:5px;background: url(/rural/_Img/all_Img/top-menu2-pr.png)no-repeat;top: -1px;right: -17px;} .topmenu .depth2 .mn_l2:hover .mn_a2 span, .topmenu .depth2 .over .mn_a2 span, .topmenu .depth2 .over .mn_a2:hover span, .topmenu .depth2 .mn_a2:hover span, .topmenu .depth2 .mn_a2:focus span, .topmenu .depth2 .mn_a2:active span {color: #655439;background:transparent;text-decoration:underline;transition: all .3s ease;font-weight: bold;letter-spacing: normal;} .topmenu .depth2 .over .mn_a2:after, .topmenu .depth2 .mn_a2:hover:after {position:absolute;top:10px;right:19px;content:"";display:block;width:42px;height:31px;} .topmenu .depth2 .mn_l2:hover .mn_a2[target=_blank]:after {display:none} .topmenu .depth2 .mn_l2:hover .mn_a2[target=_blank] span:after, .topmenu .depth2 .mn_l2:hover .mn_a2[target=_blank]:hover span:after, .topmenu .depth2 .over .mn_a2[target=_blank] span:after, .topmenu .depth2 .mn_a2[target=_blank]:hover span:after {background-position:0px 0} .topmenu .depth2 .mn_a2:hover span:before, .topmenu .depth2 .mn_a2:focus span:before, .topmenu .depth2 .mn_a2:active span:before{right:-10px; color:#fff;opacity:1;} .topmenu .depth3-wrap {padding-top:7px} .topmenu .depth3-wrap .depth3{padding: 0;margin: 0 0 0 10px;} .topmenu .depth3 .mn_l3 {width:100%;} .topmenu .depth3 .mn_a3 {display:block;padding:3px 0} .topmenu .depth3 .mn_a3 span {font-weight:normal;color: #c5c5c5;font-size: 14px;letter-spacing: -1px;padding: 0 0 0 10px;} .topmenu .depth2 .mn_a3 span:after {position: absolute; top: 12px; left: 0;content: ""; display: block; width: 5px; height: 1px; background: linear-gradient(#c5c5c5,#c5c5c5); background-color: #c5c5c5;transition:all .2s ease;} .topmenu .depth3 .mn_a3:hover span {text-decoration:underline; color:#f97e1a;} .topmenu .depth3 .mn_a3:hover span:after {position: absolute; top: 12px; left: 0; width: 5px; height: 1px; text-decoration:underline; transform:translateX(-2px); transform-origin: 100% 100%; margin: 0; -ms-transform:translateX(-2px);-ms-transform-origin: 100% 100%; transition:all .2s ease;} .topmenu .depth4-wrap {display:none;} #mainNavi .mn-stit {position:absolute;top:0;left:0;width:355px;height:100%;z-index:300;box-sizing:border-box;padding-left:4px;} #mainNavi .mn-stit:after {position:absolute;top:155px;left:55px;;content:"";display:block;width:210px;height:196px;} #mainNavi .mn-stit .m-tit {font-style:normal;font-size:40px;display:block;line-height:1;color:#006a80;padding-top:35px;max-width:80%;word-wrap:break-word;word-break:keep-all;margin-bottom:15px;} #mainNavi .mn-stit .m-tit:before {content:"";display:block;width:5px;height:5px;background:#006a80;border-radius:50%;margin-left:13px;margin-bottom:7px} #mainNavi .mn-stit .m-txt {font-size:17px;line-height:24px;color:#333;width:165px;word-wrap:break-word;word-break:keep-all;} .my-menu-btn{z-index: 99;position: absolute;display: block;float: right;right: 0;top: 0px;height: 60px;padding: 0;margin: 0;background: #a21320;} .my-menu-btn>a{position: relative;display: inline-block;width: 171px;height: 60px;line-height: 60px;padding: 0;margin: 0;color: #fff;font-size: 17px;letter-spacing: -1px;font-weight: 500;} .my-sp{position: absolute;display: block;left: 53px;width: 100px;height: 60px;padding: 0;margin: 0;} #doc-wrap .mn-bg, .mn-bg{display: none;position:fixed;width:100%;height: 100%;left:0;top:0;background:rgba(0, 0, 0, .5);opacity: 0;outline:0;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);transition:opacity .35s ease;z-index: 5;} #doc-wrap .mn-bg.is-open, .mn-bg.is-open{height: 100%;display:block;opacity:1;transition:all .3s ease;} @media (max-width: 1790px){ #doc-wrap .mn-bg.is-open{border:0px;border-width: 0;opacity: 1;transition:all .3s ease;} } @media (max-width: 1500px){ .topmenu{position: relative;display: block;height: 110px;margin: 0 auto;margin-left: 210px;font-size: 0;} } @media (max-width: 1380px){ .topmenu{margin-left: 230px;} .topmenu .mn_l1>.mn_a1{padding: 52px 10px 42px;} } @media (max-width: 1360px){ .topmenu .depth2 .mn_a2 span {font-size: 12px;} .topmenu .mn_s1{font-size: 15px;} } @media (max-width: 1330px){ .topmenu .mn_l1>.mn_a1{padding: 52px 12px 42px;} #doc-wrap.header-fix .topmenu .mn_l1>.mn_a1{padding: 31px 15px 33px;} #doc-wrap.header-fix .topmenu .mn_s1 {font-size: 16px;} #doc-wrap.header-fix #mainNavi-wrap.is-open .topmenu .mn_s1 {font-size: 16px;} .topmenu .depth2 .mn_a2 span {font-size: 12px;} } @media (max-width: 1290px){ /*탑메인메뉴시작 */ #header .header-Bx{max-width: 100%;height: 110px;} #doc-wrap.header-fix .topmenu .depth2-wrap{top: 80px;left: 0px;} #doc-wrap.header-fix .topmenu .mn_s1 {font-size: 15px;} #doc-wrap.header-fix #mainNavi-wrap.is-open .topmenu .mn_s1 {font-size: 15px;} .topmenu{max-width: 940px;margin-left: 210px;} .topmenu .mn_l1>.mn_a1{padding: 52px 10px 43px;margin: 0;} .topmenu .mn_l1>.mn_a1:before{top: 39px;} .topmenu .depth2-wrap {top: 110px;} .topmenu .depth2 {z-index: 10;position: relative;display: block;min-height: 110px;margin: 0 0 0 15px;padding: 10px;} .topmenu>li:nth-child(n+1) .depth2 {z-index: 10;position: relative;display: block;min-height: 110px;margin: 0;padding: 0;} .topmenu>li:nth-child(n+3) .depth2-wrap{padding-left: 0;left: 0;} #doc-wrap.header-fix #header .header-Bx{position: relative;display: block;max-width: 1300px;height: 80px;padding: 0;margin: 0 auto;box-sizing: border-box;z-index: 1000;} #doc-wrap.header-fix #mainNavi-wrap {position:relative;padding:0;display:block;z-index: 1;width:100%;height: 80px;overflow:hidden;box-sizing:border-box;} #doc-wrap.header-fix #mainNavi {position:relative;text-align:left;margin: 0;height: 80px;} #doc-wrap.header-fix .topmenu{position: relative;display: block;height: 80px;} #doc-wrap.header-fix .topmenu .mn_l1>.mn_a1{padding: 33px 13px;margin: 0;} #doc-wrap.header-fix .mn-bg {position:absolute;top: 70px;left:0;width:100%;height: 0;border:0px;transition:background .3s ease;z-index: 30;background: transparent;opacity:0.9;overflow: hidden;} #doc-wrap .mn-bg {top: 110px;} .topmenu li>.depth2-wrap>.depth2:before{content:"";z-index: 0;opacity: 1;position: absolute;display: block;top: 0;left: -1px;width: 1px;height: 440px;line-height: 60px;padding: 0;margin: 0;background: rgba(0, 0, 0, 0.2);transition:all .3s ease;} .topmenu li:nth-child(1)>.depth2-wrap>.depth2:before{content:"";z-index: 0;opacity: 1;position: absolute;display: block;top: 0;left: 0;width: 1px;height: 440px;line-height: 60px;padding: 0;margin: 0;background: rgba(0, 0, 0, 0.2);opacity: 0.6;transition:all .3s ease;} .topmenu li:nth-child(2)>.depth2-wrap>.depth2:before{content:"";z-index: 0;opacity: 1;position: absolute;display: block;top: 0;left: -1px;width: 1px;height: 440px;line-height: 60px;padding: 0;margin: 0;background: rgba(0, 0, 0, 0.2);opacity: 0.6;transition:all .3s ease;} .topmenu li:nth-child(3)>.depth2-wrap>.depth2:before{content:"";left: 0px;} .topmenu li:nth-child(4)>.depth2-wrap>.depth2:before{content:"";z-index: 0;opacity: 1;position: absolute;display: block;top: 0;left: 0px;width: 1px;height: 440px;line-height: 60px;padding: 0;margin: 0;background: rgba(0, 0, 0, 0.2);opacity: 0.6;transition:all .3s ease;} .topmenu li:nth-child(5)>.depth2-wrap>.depth2:before{content:"";z-index: 0;opacity: 1;position: absolute;display: block;top: 0;left: 0;width: 1px;height: 440px;line-height: 60px;padding: 0;margin: 0;background: rgba(0, 0, 0, 0.2);opacity: 0.6;transition:all .3s ease;} .topmenu li:nth-child(6)>.depth2-wrap>.depth2:before{content:"";z-index: 0;opacity: 1;position: absolute;display: block;top: 0;left: 0;width: 1px;height: 440px;line-height: 60px;padding: 0;margin: 0;background: rgba(0, 0, 0, 0.2);opacity: 0.6;transition:all .3s ease;} } @media (max-width: 1240px){ .topmenu .mn_l1>.mn_a1{padding: 52px 8px 42px;} .topmenu .mn_l1:nth-child(8)>.mn_a1{padding: 52px 10px 42px;margin: 0;} #doc-wrap.header-fix .topmenu .mn_l1>.mn_a1{padding: 31px 12px 33px;} #doc-wrap.header-fix .topmenu .mn_s1 {font-size: 16px;} #doc-wrap.header-fix #mainNavi-wrap.is-open .topmenu .mn_s1 {font-size: 16px;} .topmenu .depth2 .mn_a2 span {font-size: 12px;} } @media (max-width: 1200px){ #doc-wrap.header-fix .topmenu .mn_l1>.mn_a1{padding: 31px 12px 33px;} #header .header-Bx{max-width: 100%;height: 110px;} .topmenu{height: 110px;max-width: 890px;margin: 0 auto;margin-left: 205px;} .topmenu .mn_l1>.mn_a1{padding: 52px 8px 42px;margin: 0;} .topmenu .mn_l1>.mn_a1:before{top: 40px;} #doc-wrap .mn-bg {top: 110px;} #doc-wrap .mn-bg.is-open{background:rgba(0, 0, 0, .5);} .topmenu .depth2-wrap {top: 110px;} } @media (max-width: 1170px){ .topmenu .mn_l1>.mn_a1{padding: 52px 6px 42px;margin: 0;} #doc-wrap.header-fix .topmenu .mn_l1>.mn_a1{padding: 33px 10px;margin: 0;} .topmenu .depth2 .mn_a2 span {font-size: 12px;} } @media (max-width: 1140px){ .topmenu .mn_l1>.mn_a1{padding: 52px 6px 42px;margin: 0;} .topmenu .mn_s1{font-size: 15px;} #doc-wrap.header-fix .topmenu .mn_l1>.mn_a1{padding: 33px 7px;margin: 0;} .topmenu .depth2 .mn_a2 span {font-size: 10px;} } @media (max-width: 1100px){ .topmenu .mn_l1>.mn_a1{padding: 52px 5px 42px;margin: 0;} .topmenu .mn_s1{font-size: 16px;} #doc-wrap.header-fix .topmenu .mn_l1>.mn_a1{padding: 32px 7px 32px;margin: 0;} .topmenu .depth2 .mn_a2 span {font-size: 12px;} } @media (max-width: 1090px){ .topmenu .mn_l1:nth-child(5)>.mn_a1{padding: 52px 4px 42px;} .topmenu .mn_l1>.mn_a1{padding: 52px 4px 42px;margin: 0;} #doc-wrap.header-fix .topmenu .mn_l1>.mn_a1{padding: 33px 6px 32px;margin: 0;} .topmenu .depth2 .mn_a2 span {font-size: 11px;} } @media (max-width: 1070px){ .topmenu .mn_l1>.mn_a1{padding: 52px 3px 43px;margin: 0;} .topmenu .mn_s1{font-size: 15px;} #doc-wrap.header-fix .topmenu .mn_l1>.mn_a1{padding: 33px 5px 32px;margin: 0;} } @media (max-width: 1040px){ .topmenu .mn_l1>.mn_a1{padding: 52px 2px 43px;margin: 0;} #doc-wrap.header-fix .topmenu .mn_l1>.mn_a1{padding: 33px 2px 32px;margin: 0;} #header .header-Bx{max-width: 100%;height: 110px;} #doc-wrap .mn-bg {top: 110px;} #doc-wrap .mn-bg.is-open{background:rgba(0, 0, 0, .5);} .topmenu{height: auto;max-width: 710px;margin: 0 auto;margin-left: 195px;} .topmenu .mn_l1>.mn_a1:before{top: 39px;} .topmenu .depth2-wrap {top: 110px;} } @media (max-width: 999px){ #doc-wrap .mn-bg {top: 140px;height: 0 !important;} #doc-wrap.header-fix .topmenu .depth2-wrap{top: 0;} #doc-wrap .mn-bg {display:none;} #doc-wrap .mn-bg.is-open{display:none;} .topmenu .mn_l1>.mn_a1:before{top: 39px;opacity:0;} .topmenu .depth2 .mn_a2 span {font-size: 16px;color: #7b7b7b;} .topmenu .depth2-wrap {top: 0;} .topmenu li>.depth2-wrap>.depth2:after{content:"";background: rgb(255 255 255);transition:all .3s ease;} .topmenu li:hover>.depth2-wrap>.depth2:after{content:"";opacity:1;height: 100%;background: rgb(255 255 255);transition:all .3s ease;} .topmenu>li:nth-child(n+1) .depth2 {z-index: 10;position: relative;display: block;min-height: auto;margin: 0;padding: 0 10px;} .topmenu .depth2 li {z-index: 10;position: relative;display: block;line-height: 25px;padding: 8px 0 4px 0;margin: 0;} #doc-wrap.header-fix .topmenu{position: relative;display: block;height: 70px;margin-left: 0px;} .topmenu li:last-child>.depth2-wrap>.depth2:after{content:"";z-index: 0;opacity: 1;position: absolute;display: none;top: 0;left: 91px;width: 1px;height: 440px;line-height: 60px;padding: 0;margin: 0;background: rgba(0, 0, 0, 0.2);opacity: 0.6;transition:all .3s ease;} } /* 검색 및 사이트맵 버튼*/ #topBtnCtrl {position: absolute;display: block;right: 0;width: 100%;height:0;margin: 0;z-index:5;} #topBtnCtrl .topbtn-ctrl {position:absolute;display: inline-block;right: 0;top: 4px;} #topBtnCtrl .topbtn-ctrl button, #topBtnCtrl .topbtn-ctrl a {position: absolute;display: block;margin: 0;font-size:0;vertical-align:middle;} #topBtnCtrl .f2{position: relative;display:none;} #topBtnCtrl .topbtn-ctrl button {background:transparent;border:0;width: 51px;height: 51px;padding: 0;right: 0;top: 28px;color: #000;} .is-open #topBtnCtrl .topbtn-ctrl button {background:transparent;border:0;width: 51px;height: 51px;padding: 0;right: 0;top: 28px;color: #000;} #topBtnCtrl .topbtn-ctrl .btn-search {margin-right: 0;right: 0px;} #topBtnCtrl .topbtn-ctrl .btn-search>i{position: relative;display: block;left: 11px;width: 29px;height: 29px;font-size: 27px;} #topBtnCtrl .topbtn-ctrl .btn-search.is-open>i{position: relative;display: block;top: 0px;left: 11px;width: 29px;height: 29px;font-size: 27px;color: #fff;} #topBtnCtrl .topbtn-ctrl .btn-search:before {content:"";display:block;position:absolute;left: 0;top:0;background-color: #789c2e;width: 51px;height: 51px;opacity:0;border-radius: 50%;} #topBtnCtrl .topbtn-ctrl .btn-search:after {content:"";display:block;} #topBtnCtrl .topbtn-ctrl .btn-search.is-open:before {opacity:1;} #topBtnCtrl .topbtn-ctrl .btn-search.is-open:after{position:absolute;top:0;bottom:0;left:0;right:0;background-position: -68px 0;width: 20px;height:20px;margin:auto;} #topBtnCtrl .topbtn-ctrl .allmn-btn {width:30px;height:22px;color: #fff;right: 70px;top: 43px;z-index: 100;} .is-open #topBtnCtrl .topbtn-ctrl .allmn-btn {width:30px;height:22px;color: #000;right: 70px;top: 43px;z-index: 100;} #topBtnCtrl .topbtn-ctrl .allmn-btn span {display:block;width:1px;height:1px;font-size:0px;line-height:0;overflow:hidden;text-indent:-9999em} #topBtnCtrl .topbtn-ctrl .allmn-btn:before, #topBtnCtrl .topbtn-ctrl .allmn-btn:after, #topBtnCtrl .topbtn-ctrl .allmn-btn span:before {display:block;content:"";position:absolute;left:50%;background: #000;width:30px;height: 3px;margin-left:-15px;transition:all .3s ease;} .is-open #topBtnCtrl .topbtn-ctrl .allmn-btn:before, .is-open #topBtnCtrl .topbtn-ctrl .allmn-btn:after, .is-open #topBtnCtrl .topbtn-ctrl .allmn-btn span:before {display:block;content:"";position:absolute;left:50%;background: #000;width:30px;height: 3px;margin-left:-15px;transition:all .3s ease;} #topBtnCtrl .topbtn-ctrl .youtube-btn{width: 52px;height: 52px;border-radius: 50%;overflow: hidden;background: #ff2400;transition: all .3s ease;} #topBtnCtrl .topbtn-ctrl .youtube-btn{right: 0;top: 28px;} #topBtnCtrl .topbtn-ctrl .youtube-btn .txt{font-size: 0;} #doc-wrap.header-fix #topBtnCtrl .topbtn-ctrl {position:absolute;right: 0;height: 0;top: 7px;} #doc-wrap.header-fix #topBtnCtrl .topbtn-ctrl .btn-search>i{position: relative;width: 29px;height: 29px;font-size: 27px;top: -1px;left: 11px;} #doc-wrap.header-fix #topBtnCtrl .topbtn-ctrl .btn-search:before {content:"";display:block;position:absolute;left: 0;top:0;background-color: #789c2e;width: 52px;height: 52px;opacity:0;border-radius: 50%;} #doc-wrap.header-fix #topBtnCtrl .topbtn-ctrl .btn-search.is-open:before {opacity:1;} #doc-wrap.header-fix #topBtnCtrl .topbtn-ctrl .allmn-btn:before, #doc-wrap.header-fix #topBtnCtrl .topbtn-ctrl .allmn-btn:after, #doc-wrap.header-fix #topBtnCtrl .topbtn-ctrl .allmn-btn span:before {display:block;content:"";position:absolute;left:50%;background: #000;width:30px;height:2px;margin-left:-15px;transition:all .3s ease;} #doc-wrap.header-fix #topBtnCtrl .topbtn-ctrl button {background:transparent;border:0;width: 52px;height: 52px;padding: 0;outline: 0;right: 1px;top: 6px;color: #000;} #doc-wrap.header-fix .is-open #topBtnCtrl .topbtn-ctrl .allmn-btn:before, #doc-wrap.header-fix .is-open #topBtnCtrl .topbtn-ctrl .allmn-btn:after, #doc-wrap.header-fix .is-open #topBtnCtrl .topbtn-ctrl .allmn-btn span:before {display:block;content:"";position:absolute;left:50%;background: #000;width:30px;height:2px;margin-left:-15px;transition:all .3s ease;} #doc-wrap.header-fix .is-open #topBtnCtrl .topbtn-ctrl button {background:transparent;border:0;width: 52px;height: 52px;padding: 0;outline: 0;right: 1ㅔㅌ;top: 6px;color: #000;} #doc-wrap.header-fix #topBtnCtrl .topbtn-ctrl .allmn-btn {right: 70px;top: 22px;} #doc-wrap.header-fix #topBtnCtrl .topbtn-ctrl .youtube-btn{right: 0;top: 8px;} #topBtnCtrl .topbtn-ctrl .allmn-btn:before {top:0;} #topBtnCtrl .topbtn-ctrl .allmn-btn:after {top:10px} #topBtnCtrl .topbtn-ctrl .allmn-btn span:before {top:20px} #topBtnCtrl .topbtn-ctrl .allmn-btn:hover:before, #topBtnCtrl .topbtn-ctrl .allmn-btn:hover span:before {width:22px} #topBtnCtrl .topbtn-ctrl .allmn-btn:hover:after {width:26px;margin-left:-5px} #doc-wrap.header-fix #topBtnCtrl .topbtn-ctrl .allmn-btn:hover:before, #doc-wrap.header-fix #topBtnCtrl .topbtn-ctrl .allmn-btn:hover span:before {width:22px} #doc-wrap.header-fix #topBtnCtrl .topbtn-ctrl .allmn-btn:hover:after {width:26px;margin-left:-5px} #smart-search {display:none;position:absolute;left:0;top: 110px;width:100%;padding: 50px 0 50px;box-sizing:border-box;background: #fff url(/park/_Img/all_img/search-bg.jpg)no-repeat;} #smart-search .tit {position:relative;margin-bottom: 20px;color: #0073e3;font-size:22px;text-align:center;letter-spacing:.5em;font-family:"sofia-pro";overflow:hidden;display: none;} #smart-search .tit:before, #smart-search .tit:after {content:"";position:absolute;top:50%;display:block;background-color: rgb(148 148 148 / 50%);width:91.58%;height:1px;} #smart-search .tit:before {left:60%;} #smart-search .tit:after {right:60%} #smart-search .search-box {position:relative;background-color: #ffffff;border-radius:35px;max-width: 750px;margin:0 auto;padding:14px 34px 18px;box-sizing:border-box;} #smart-search .search-box .input-box {width: 95%;} #smart-search .search-box .input-box input.text {background-color: #ffffff;border:0;width:100%;height:30px;color: #164a2c;font-size:17px;letter-spacing:-.05em;line-height:1.764;} #smart-search .search-box .input-box input.text::placeholder{color: #164a2c;} #smart-search .search-box .btn-search {position:absolute;top:50%;right:30px;width:31px;height:31px;margin-top:-15px;border: 0;background: transparent;} #smart-search .search-box .btn-search>i{position: relative;width: 29px;height: 29px;font-size: 27px;color: #18673a;border: 0;} @media (max-width: 1330px){ #topBtnCtrl {right: 0;} #topBtnCtrl .topbtn-ctrl{top: 4px;} #smart-search {top: 110px;} #topBtnCtrl .topbtn-ctrl .allmn-btn {width:30px;height:22px;color: #fff;right: 75px;top: 46px;z-index: 100;} #topBtnCtrl .topbtn-ctrl button {right: 0;top: 32px;} #topBtnCtrl .topbtn-ctrl .btn-search {margin-right: 10px;} #topBtnCtrl .topbtn-ctrl .youtube-btn{right: 15px;top: 28px;} } @media (max-width: 1290px){ #topBtnCtrl {right: 0;top: 0;} #topBtnCtrl .topbtn-ctrl{top: 3px;right: 0;} #smart-search {top: 110px;} #topBtnCtrl .topbtn-ctrl .allmn-btn {width:30px;height:22px;color: #fff;right: 75px;z-index: 100;} #topBtnCtrl .topbtn-ctrl button {right: 0;} #topBtnCtrl .topbtn-ctrl .btn-search {margin-right: 15px;} #topBtnCtrl .topbtn-ctrl .youtube-btn{right: 15px;top: 27px;} } @media (max-width: 1040px){ #topBtnCtrl {right: -10px;} #topBtnCtrl .topbtn-ctrl{top: 3px;right: 0;} #smart-search {top: 110px;} } @media (max-width: 999px){ #smart-search {top: 80px;} #topBtnCtrl .topbtn-ctrl .btn-search>i{color: #06562c;} #topBtnCtrl .topbtn-ctrl .youtube-btn{right: 15px;top: 14px;} #doc-wrap.header-fix #topBtnCtrl .topbtn-ctrl {position:absolute;right: 10px;top: 0;} #doc-wrap.header-fix #topBtnCtrl .topbtn-ctrl .btn-search>i{color: #000000;top: 0px;left: 11px;} #doc-wrap.header-fix #topBtnCtrl .topbtn-ctrl .btn-search.is-open>i{color: #fff;} #doc-wrap.header-fix #topBtnCtrl .topbtn-ctrl .youtube-btn{right: 25px;top: 14px;} #topBtnCtrl .topbtn-ctrl .btn-search:before {background-color: #d3d8dc;} #topBtnCtrl .topbtn-ctrl button {top: 15px;color: #06562c;} #topBtnCtrl .topbtn-ctrl .btn-search.is-open>i{position: relative;display: block;left: 11px;width: 29px;height: 29px;font-size: 27px;color: #06562c;} #smart-search .search-box {max-width: 360px;/* width: 100%; */left: 50%;margin-left: -195px;} #smart-search .tit {position:relative;margin-bottom: 20px;color: #0073e3;font-size:22px;text-align:center;letter-spacing: -1px;font-family:"sofia-pro";overflow:hidden;display: block;width: 100%;} } @media (max-width: 450px){ #doc-wrap.header-fix #topBtnCtrl .topbtn-ctrl .youtube-btn{right: 43px;top: 14px;} } #topBtnCtrl .f2 .btn-mnall {display:block;position: relative;padding:0;box-sizing:border-box;border:0;width: 80px;height: 80px;z-index:10;overflow:hidden;line-height:1;transition:all .3s ease;cursor: pointer;} #topBtnCtrl .f2 .btn-mnall:after {content:"";display:block;position:absolute;width:100%;height:100%;background: transparent;right:0;top:0;transition:all .3s ease;} #topBtnCtrl .f2 .btn-mnall div {display:block;position:absolute;padding:0;box-sizing:border-box;border:0;width: 40px;height: 30px;z-index:10;background:transparent;top:0;right:0;bottom:0;left:0;margin:auto;transition:all .3s ease;overflow:hidden;} #topBtnCtrl .f2 .btn-mnall div:before, #topBtnCtrl .f2 .btn-mnall div:after, #topBtnCtrl .f2 .btn-mnall div .blind {content:"";display:block;position:absolute;width:100%;height: 3px;left:0;background: #222;transition:all .3s ease;} #topBtnCtrl .f2 .btn-mnall div:before {top:0} #topBtnCtrl .f2 .btn-mnall div .blind {top:50%;margin:-1px 0 0} #topBtnCtrl .f2 .btn-mnall div:after {bottom:0} #topBtnCtrl .f2 .btn-mnall .btnTit {display:none;position:absolute;width:100%;text-align:center;left:0;bottom:13px;color: #000;font-size:13px;z-index:1} @media only screen and (max-width: 999px) { /* 신규 */ #logo .logo a, #logo .logo a span{display:block;width: 197px;height: 55px;background-size: contain;} #doc-wrap.header-fix #logo {top: 11px;left: 50%;margin-left: -75px;} #doc-wrap.header-fix #logo .logo a span {display:block;width: 135px;height: 46px;} #header .header-Bx{max-width: 100%;height: 80px !important;} #doc-wrap.header-fix #mainNavi {position: fixed;text-align:left;height: 100%;right: -400px;margin: 0;} #doc-wrap.header-fix #mainNavi.mn-h-open {right:0;margin: 0;overflow-x:visible;overflow-y:scroll;} #doc-wrap.header-fix #header .header-Bx{position: relative;display: block;min-width: 420px;height: 80px;padding: 0;margin: 0 auto;box-sizing: border-box;z-index: 1000;border-bottom: 1px solid #b1b1b1;} #topBtnCtrl .f2, #mn-ctrs-btns{display: inline-block;min-height: 80px;z-index: 120;} #topBtnCtrl {right: auto;left: 0;top: 0;width: 100%;z-index: 300;} #topBtnCtrl .topbtn-ctrl{top: 0;right: 0;z-index: 101;} #topBtnCtrl .topbtn-ctrl .allmn-btn {display:none} #mainNavi-wrap .bt-mnall, #mainNavi .tmn-box, #mainNavi .tmn-elink {display:block;} #mainNavi-wrap .tmn-box {position:relative;background: #ffffff;background-size:cover;height:70px;padding: 24px 20px 23px;text-align:left;box-sizing:border-box;z-index:3;display:block;} #mainNavi-wrap .rht-tmn-btn{position: absolute;display: block;top: 0;left: 0;width: 70px;height: 70px;} #mainNavi-wrap .gnb-right-ul{position:relative;display: block;padding: 0 0 0 45px;font-size: 0;top: 1px;} #mainNavi-wrap .gnb-right-ul>li{position:relative;display: inline-block;} #mainNavi-wrap .gnb-right-ul>li a{position:relative;display: block;color: #000;font-family: 'LeferiPoint-BlackA';margin-right: 6px;} #mainNavi-wrap .gnb-right-ul>li a:hover{position:relative;text-decoration:underline;} #mainNavi-wrap .gnb-right-ul>li a i{position:relative;display: inline-block;font-size: 18px;margin: 0 2px 0 0;color: #106343;top: 1px;} #mainNavi-wrap .gnb-right-ul>li a .sp01{position:relative;display: inline-block;font-size: 13px;line-height: 25px;font-family: 'LeferiPoint-BlackA';margin: 0 7px 0 0;font-weight: 400;letter-spacing: -1px;} #mainNavi-wrap .tmn-closeBtn{position:absolute;border:0;outline: 0;background: transparent;} #mainNavi-wrap .tmn-closeBtn{position: absolute;display: inline-block;top: 0;right: 0;width: 70px;height: 70px;padding: 0;margin: 0;box-sizing: border-box;} #mainNavi-wrap .tmn-closeBtn:before, #mainNavi-wrap .tmn-closeBtn:after {content:"";display:block;position:absolute;width: 35px;height: 1px;top:0;right:0;bottom:0;left:0;margin:auto;background: #000000;transform: rotate(45deg);transition:all .3s ease;} #mainNavi-wrap .tmn-closeBtn:after {transform: rotate(135deg);} #mainNavi-wrap .tmn-closeBtn:hover:before, #mainNavi-wrap .tmn-closeBtn:hover:after {content:"";display:block;position:absolute;width: 35px;height:1px;top:0;right:0;bottom:0;left:0;margin:auto;transform:rotate(225deg);transition:all .3s ease;} #mainNavi-wrap .tmn-closeBtn:hover:after {transform:rotate(315deg);} /* 메뉴 */ #mainNavi-wrap {top:0;right:0;height: 100% !important;width: 0;position: fixed;display: block;z-index: 999;box-sizing: border-box;} #doc-wrap.header-fix #mainNavi-wrap {top:0;right:0;height: 100% !important;width: 0;position: fixed;display: block;z-index: 999;box-sizing: border-box;} #mainNavi-wrap .icban-001 li a .ptxt {color:#fff;font-size:13px} #mainNavi {position:fixed;z-index:3000;right: -400px;top:0px;width:340px;height:100%;margin: 0;overflow-x:hidden !important;background: rgb(65 99 101);transition:right .3s ease;} #mainNavi.mn-h-open {right:0;margin: 0;overflow-x:visible;overflow-y:scroll;} #mainNavi-wrap .ovbar, .mainNavi-ban {display:none} .mn-h-open .tmn-tit {display:block;position:relative;height:60px;overflow:hidden;background:#00b3b6;background:-moz-linear-gradient(left, #00b3b6 0%, #0071be 100%);text-align:right;line-height:58px;box-sizing:border-box;z-index:2;padding:0 27px;} .mn-h-open .tmn-tit .utilBtn {display:inline-block;position:relative;padding:5px 0;line-height:1} .mn-h-open .tmn-tit .utilBtn.int {font-size:14px;color:rgba(255, 255, 255, .4);margin:0 5px 0 0} .mn-h-open .tmn-tit .utilBtn.kor, .mn-h-open .tmn-tit .utilBtn.eng {font-size:13px;color:#fff;margin:0 0 0 11px} .mn-h-open .tmn-tit .utilBtn.over:after {content:"";display:block;position:absolute;width:100%;height:2px;background:#fff;left:0;bottom:0} .topmenu .mn-stit {display:none} .topmenu {display:block;position:relative;margin:0;text-align:left;background:#e1e1e1;padding: 0;font-size: 0;} .topmenu:after {display:block;content:"";clear:both} .topmenu li {float:left;line-height:1.3em;position:relative} .topmenu a, .topmenu span {display:block;position:relative;white-space:nowrap} .topmenu li > div {display:none} .topmenu .tgl-btn {display:block;padding:0;position:absolute;right:17px;top:8px;border:0;z-index:100;text-indent:-9999em;background: transparent;} .topmenu .tgl-btn:before, .topmenu .tgl-btn:after {content:'';position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;transition:all .3s ease} .topmenu .tgl-btn:before {} .topmenu .tgl-btn:after {transform: rotate(-90deg)} .topmenu .mn_l1 {display:block;float:left;width:100%;z-index: 100;} .topmenu .mn_l1 .mn_a1 {padding: 15px 15px;color: #fff;font-size:18px;background: transparent;background-image: linear-gradient(135deg, #6aaaad 0%, #539497 43%, #247f83 100%);display: block;border-bottom: 1px solid rgb(13 103 107);} .topmenu .mn_l1 .mn_a1 span {display:block;padding:21px 24px;overflow:hidden;letter-spacing:-1px} .topmenu .mn_l1 .mn_a1 .mn_s1 {font-weight:500;padding: 10px 10px 5px;font-size: 20px;display: block;position: relative;line-height: 20px;text-align: left;color: #eafeff;} .topmenu .mn_l1.is-open .mn_a1, .topmenu .mn_l1.over .mn_a1 {color: #c9e7f9;} .topmenu .mn_l1:nth-child(3)>.mn_a1 {padding: 15px 15px;margin: 0;display: block;} .topmenu .mn_l1:nth-child(4)>.mn_a1 {padding: 15px 15px;margin: 0;display: block;} .topmenu .mn_l1:nth-child(5)>.mn_a1 {padding:15px 15px;margin: 0;display: block;} .topmenu .mn_l1>.mn_a1:after {content:"";position:absolute;display: none;left:0;bottom:0;background-color: #88a2ca;width:0;height:5px;transition:all .3s ease;} .topmenu li.mn_l1:nth-child(3){position: relative;display: inline-block;padding: 0;margin: 0;margin-left: 0px;vertical-align:top;} .topmenu .mn_l1:nth-child(8)>.mn_a1{position:relative;display: block;padding: 15px 15px;margin: 0;box-sizing: border-box;} #doc-wrap.header-fix .topmenu .mn_l1 .mn_a1 {padding: 15px 15px;color: #fff;font-size:18px;/* background: #e8e8e8; */background-image: linear-gradient(135deg, #0da752 0%, #0a954d 43%, #006835 100%);display: block;border-bottom: 1px solid rgba(251, 251, 251, .3);} #doc-wrap.header-fix .topmenu .mn_l1.over .mn_a1 {color:#007ac3} #doc-wrap.header-fix .topmenu .mn_l1:nth-child(3)>.mn_a1 {padding: 15px 15px;margin: 0;display: block;} #doc-wrap.header-fix .topmenu .mn_l1:nth-child(4)>.mn_a1 {padding: 15px 15px;margin: 0;display: block;} #doc-wrap.header-fix .topmenu .mn_l1:nth-child(5)>.mn_a1 {padding:15px 15px;margin: 0;display: block;} #doc-wrap.header-fix .topmenu .mn_l1>.mn_a1:before{content:"";position: absolute;display: none;} #doc-wrap.header-fix .topmenu .mn_l1 .mn_a1 .mn_s1 {font-weight:500;padding: 10px 10px;font-size: 20px;display: block;position: relative;line-height: 20px;text-align: left;color: #fff;} .topmenu .mn_l1 > .tgl-btn {width:40px;height:40px;right:15px;top: 15px;} .topmenu .mn_l1 > .tgl-btn:before, .topmenu .mn_l1 > .tgl-btn:after {width:20px;height:2px;background: #ffffff;} .topmenu .mn_l1.is-close > .tgl-btn:after {transform:rotate(90deg) !important} .topmenu .mn_l1.is-open > .tgl-btn:before, .topmenu .mn_l1.over > .tgl-btn:before, .topmenu .mn_l1.is-open > .tgl-btn:after, .topmenu .mn_l1.over > .tgl-btn:after {transform:rotate(0);background: #ffffff;} .topmenu .depth2-wrap {position:relative;box-sizing:border-box;padding:0 !important;width:100% !important} .topmenu .depth2 {position:relative;width:auto;min-height: 50px;margin:0;padding: 15px 0px 15px 10px;background: #fff;} .topmenu .depth2:after {clear:both;content:"";display:block} .topmenu .mn_l2 {width: 100%;font-size:14px;padding:0;box-sizing:border-box;border: 2px solid #b1b1b1;border-width: 0px 0 1px 0;} .topmenu .mn_l2:last-child {width: 100%;font-size:14px;padding: 8px 0 4px 0;box-sizing:border-box;border-width: 0px 0 0px 0;} .topmenu .mn_l2 .mn_a2 {display:block;position:relative;height:auto;padding: 0 0 0 15px;overflow:hidden;box-sizing:border-box;} .topmenu .mn_l2 .mn_a2 .blt {display:block;position:absolute;z-index:1;width:100%;height:100%;background-repeat:no-repeat;background-position:center center;background-size:cover;display:none;} .topmenu .mn_l2 .mn_a2 .txt {display:block;position:relative;z-index:2;font-size:14px;color:#fff;left:0;bottom:0;background:rgba(65, 65, 65, .8);box-sizing:border-box;padding:11px 13px 10px 13px;width:100%;letter-spacing:-.05em;text-align:left} .topmenu .is-open .mn_l2.over .mn_a2, .topmenu .mn_l2.over .mn_a2 {} .topmenu .mn_l2.over .mn_a2 .txt {color:#fff;background:-moz-linear-gradient(left, #00b3b6 0%, #0071be 100%);text-align:right;line-height:58px;box-sizing:border-box;z-index:2;padding:0 27px;} .topmenu .mn_l2.over .mn_a2:before {} .topmenu .mn_l2 > .tgl-btn {width:21px;height:21px;right:18px;top:5px} .topmenu .mn_l2 > .tgl-btn:before, .topmenu .mn_l2 > .tgl-btn:after {width:70%;height:1px;background:#aaa} .topmenu .mn_l2.is-open > .tgl-btn:before, .topmenu .mn_l2.is-open > .tgl-btn:after {background:#0092ba} .topmenu .mn_l2.is-open > .tgl-btn:before, .topmenu .mn_l2.over > .tgl-btn:before, .topmenu .mn_l2.is-open > .tgl-btn:after, .topmenu .mn_l2.over > .tgl-btn:after, .topmenu .mn_l2.is-close > .tgl-btn:after {transform:rotate(0)} .topmenu .mn_l2.over > .tgl-btn:before, .topmenu .mn_l2.over > .tgl-btn:after {background:#0092ba} .topmenu .mn_l2.is-close > .tgl-btn:before {transform:rotate(0);background:#aaa} .topmenu .mn_l2.is-close > .tgl-btn:after {transform:rotate(90deg) !important;background:#aaa} .topmenu .mn_l2.over .depth3-wrap {width:auto !important} .topmenu .depth3-wrap {position:relative;width:100% !important;padding:0 0 0 15px;margin:10px 0 5px 15px;box-sizing:border-box;border-left:1px solid #cacaca} .topmenu .depth3 {display:block;position:relative;width:100%} .topmenu .depth3:after {content:"";display:block;clear:both} .topmenu .depth3 .mn_l3 {display:block;width:100%;position:relative;color:#fff;line-height:1;padding:5px 0} .topmenu .depth3 .mn_l3:first-child {padding-top:0} .topmenu .depth3 .mn_l3:last-child {padding-bottom:0} .topmenu .depth3 .mn_l3 .mn_a3 span {display:block;position:relative;text-align:left} .topmenu .depth3 .mn_l3.over .mn_a3 span {color:#0092ba} .topmenu .depth3 .mn_l3.over span {font-weight:normal;color:#fff} .topmenu .mn_l3.over .mn_a3 .txt {color:#0092ba} .topmenu .mn_l3.mn_a3:hover .txt {color:#0092ba} .topmenu .sico-nwin {display:none !important} .is-open #mainNavi-wrap .tmn-closeBtn {left:0;z-index:3001} .is-open #mainNavi-wrap .tmn-closeBtn .blind {right:19px} .has-sub{} #mainNavi-wrap .m-extra {display:block;position:relative;background:#515151;padding:26px 0 18px} #mainNavi-wrap .m-extra ul {display:block;overflow:hidden} #mainNavi-wrap .m-extra ul li {display:block;float:left} #mainNavi-wrap .m-extra ul li a {display:block;color:#fff;text-align:center;box-sizing:border-box} #mainNavi-wrap .m-extra ul li a:before {content:"";display:block;position:relative;width:30px;height:30px;margin:0 auto;} #mainNavi-wrap .m-extra ul li a span {display:block;margin-top:14px} #mainNavi-wrap .m-extra ul li.resv a:before {background-position:0px 0px} #mainNavi-wrap .m-extra ul li.coun a:before {background-position:-35px 0px} #mainNavi-wrap .m-extra ul li.park a:before {background-position:-70px 0px} #mainNavi-wrap .m-extra ul li.loca a:before {background-position:-105px 0px} #mainNavi-wrap .m-extra ul li.inst a:before {background-position:-120px -70px} #mainNavi-wrap .m-extra ul li.blog a:before {background-position:-40px -70px} #mainNavi-wrap .m-extra ul li.yout a:before {background-position:-80px -70px} #mainNavi-wrap .m-extra .quick-link {width:100%;margin:0 0 31px} #mainNavi-wrap .m-extra .quick-link li {width:25%} #mainNavi-wrap .m-extra .sns-link {margin:0 0 0 9px;display:none} #mainNavi-wrap .m-extra .sns-link li a span {font-size:0} #mainNavi-wrap .m-extra .sns-link li.face {margin:0 2px 0 0} #mainNavi-wrap .m-extra .sns-link li.blog {margin:0 4px 0 0} #mainNavi-wrap .m-extra .hm-top {display:block;position:absolute;right:16px;bottom:15px;text-align:center;border:0;background:transparent;display:none} #mainNavi-wrap .m-extra .hm-top:before {content:"";display:block;position:relative;width:31px;height:15px;margin:0 auto 9px;} #mainNavi-wrap .m-extra .hm-top span {display:block;font-family:"industry", "Noto Sans KR";font-weight:400;color:#fff;font-size:12px;line-height:1} #mainNavi-wrap .close-section {position:absolute;width:100%;height:100%;left:0;top:0;z-index:-1;background:#515151} #doc-wrap.header-fix #topBtnCtrl .topbtn-ctrl button {background:transparent;border:0;width: 52px;height: 52px;padding: 0;outline: 0;right: 0;top: 14px;color: #000;} } @media all and (max-width:730px) { #topBtnCtrl .f2 .btn-mnall div:before, #topBtnCtrl .f2 .btn-mnall div:after, #topBtnCtrl .f2 .btn-mnall div .blind {content:"";display:block;position:absolute;width:100%;height: 3px;left:0;background: #000;font-size: 0;transition:all .3s ease;} #topBtnCtrl .f2 .btn-mnall div .blind em {width:1px;height:1px;overflow:hidden;position:absolute;top:-9999em;left:-9999em;display:block;text-indent:-9999em;font-size:0px;line-height:0;} #topBtnCtrl .topbtn-ctrl .btn-search>i{color: #000;} #doc-wrap.header-fix #topBtnCtrl .f2 .btn-mnall div:before, #doc-wrap.header-fix #topBtnCtrl .f2 .btn-mnall div:after, #doc-wrap.header-fix #topBtnCtrl .f2 .btn-mnall div .blind {content:"";display:block;position:absolute;width:100%;height: 3px;left:0;background: #000;transition:all .3s ease;} #logo .logo a span {display:block;width: 175px;height: 63px;} #header .header-Bx{max-width: 100%;height: 80px;} #doc-wrap.header-fix #logo .logo a span {display:block;width: 150px;height: 52px;} } @media all and (max-width:400px) { #mainNavi {width:100%;right:-100%;overflow-y:auto !important;background:rgba(0, 0, 0, .7)} } /* css motion */ @keyframes rotate { 0% {transform: rotateY(0deg)} 100% {transform: rotateY(360deg)} } @-webkit-keyframes rotate { 0% {-webkit-transform:rotateY(0deg)} 100% {-webkit-transform:rotateY(360deg)} } @-moz-keyframes rotate { 0% {-moz-transform:rotateY(0deg)} 100% {-moz-transform:rotateY(360deg)} } /* foot-box */ .foot-contntBox{position:relative;display: block;max-width: 1300px;margin: 0 auto;padding: 0 0 80px;box-sizing: border-box;z-index: 2;} @media all and (max-width:1299px) { .foot-contntBox{position:relative;display: block;max-width: 100%;margin: 0;padding: 0;} } /* footer */ #footer-wrap {position:relative;background: transparent;background-position: center top;z-index: 10;} #footer-wrap .footer-wr {background: #f5f4ef;padding: 0 0 15px 0;line-height:1.2;} #footer-wrap .footer-wr .service-wrap{background: #cbc8bb;/* border-top: 1px solid rgba(255, 255, 255, 0.3); *//* border-bottom: 1px solid rgba(255, 255, 255, 0.3); */} @media all and (max-width:1200px) { #footer-wrap .footer-wr .service-wrap{background: #cbc8bb;border-top: 0px solid rgba(255, 255, 255, 0.3);border-bottom: 0px solid rgba(255, 255, 255, 0.3);} } .service-wrap {} #footer-wrap .div-cont{position:relative;display: block;max-width: 1500px;margin: 0 auto;} /* 이동 배너 */ #fsitelink{position: relative;display: block;padding: 0;margin: 0;} #fsitelink:before{content:"";position: absolute;display: block;top: -135px;left: 50%;width: 170px;height: 200px;margin-left: -890px;z-index: 1;} #fsitelink:after{content:"";position: absolute;display: none;top: -116px;right: 50%;width: 170px;height: 180px;margin-right: -890px;z-index: 1;} .banner-box{position: relative;display: block;width: 100%;height: auto;padding:0;margin:0;background: #ededeb;border-width: 1px 0;} .sub .banner-box{position: relative;display: block;width: 100%;height: auto;padding:0;margin:0;background: #fff;border: 1px solid #d8d8d8;border-width: 1px 0 0 0;}/*서브일때*/ .banner{position: relative;height:65px;max-width: 1500px;padding:0;margin:0 auto;background: transparent;} .banner_list{position: relative;display: block;top: 16px;right: 0px;width: 1305px;height: 40px;padding:0;margin: 0;overflow:hidden;} .banner .banner_wrap{width: 1200px;} .banner .banner_wrap{position: absolute;display:block;width: 100%;height:65px;padding: 0 0 0 90px;overflow:hidden;} .banner .bn_ctrl{position: relative;/* float:left; */width: 90px;top:0px;height:21px;margin:0;} .banner .bn_ctrl button,.banner .bn_ctrl a,.banner .bn_ctrl2 a{float:left;margin:0 0 0 -1px;padding:0;font-size: 20px;line-height:0;color: #000000;} .banner .bn_ctrl2{position:absolute;left: 0px;top: 24px;width: 80px;height:21px;margin:0;} .banner ul li{position:relative;display:inline;height: 40px;line-height: 40px;float:left;margin:0;padding: 0 25px;/*border:1px solid #ededed;*/} .banner ul li a{position:relative;display:inline;height:43px;margin:0;padding:0;font-size: 17px;letter-spacing: -1px;font-weight: 500;color: #000000;} .btn{margin-bottom:0;font-weight:normal;text-align:center;vertical-align:middle;/*-ms-touch-action:manipulation;touch-action:manipulation;*/cursor:pointer;border:1px solid transparent;white-space:nowrap;padding:8px 10px 9px;font-size:15px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;/*user-select:none*/background: transparent;} footer .Foot-countBx{position: absolute;display:block;top: 0;right: 215px;margin: 0;padding: 23px 20px;background: transparent;} footer .Foot-L{position: relative;display: inline-block;padding: 0 20px 0 0;margin: 0 15px 0 0;border-right: 1px solid rgba(255, 255, 255, 0.22);} footer .Foot-R{position: relative;display: inline-block;padding: 0;margin: 0;} footer .Foot-Txt{position: relative;display: inline-block;padding: 0;margin: 0 5px 0 0;color: #888;font-size: 18px;font-weight: 400;letter-spacing: -1px;} footer .Foot-Su{position: relative;display: inline-block;top: 2px;padding: 0;margin: 0;color: #705f4e;font-size: 19px;font-weight: 600;letter-spacing: -1px;} footer .Foot-Su2{position: relative;display: inline-block;padding: 0;margin: 0;color: #bdbdbd;font-size: 18px;font-weight: 400;letter-spacing: -1px;} #fsitelink-wr{position: absolute;display: block;padding: 0;margin: 0;right: 0;top: 13px;} #fsitelink-wr .fsitelink-wr {max-width:1200px;margin:0 auto;text-align:left;box-sizing:border-box} #fsitelink-wr .fsitelink-wr:after {clear:both;content:"";display:block} #fsitelink-wr .fsitelink-wr .fsitelink {position:relative;float:left} #fsitelink-wr .fsitelink-wr .fsitelink.sel1 {background:#007e89;width:805px} #fsitelink-wr .fsitelink-wr .fsitelink.sel2 {background:#086464;width:192px} #fsitelink-wr .fsitelink-wr .fsitelink.sel3 {background: transparent;width: 270px;box-sizing: border-box;} #fsitelink-wr .fsitelink-wr .fsitelink h5 {font-weight:400} #fsitelink-wr .fsitelink-wr .fsitelink .tit a {position:relative;display:block;padding: 16px 40px 15px 25px;font-size:18px;color: #000000;letter-spacing:-.05em;z-index:2;border: 2px solid #000000;box-sizing: border-box;} #fsitelink-wr .fsitelink-wr .fsitelink .tit:after {content:"";position:absolute;top:50%;right: 20px;margin-top: -13px;width: 25px;height: 24px;border: 0;transition:all .3s ease;z-index:1;} #fsitelink-wr .fsitelink-wr .fsitelink .tit a:before, #fsitelink-wr .fsitelink-wr .fsitelink .tit a:after {content:"";position:absolute;top: 26px;right: 18px;width:12px;height:12px;border-top: 2px solid #000000;transform:translateX(-50%);} #fsitelink-wr .fsitelink-wr .fsitelink .tit a:after {top: 20px;right: 30px;transform:rotate(90deg);} #fsitelink-wr .fsitelink-wr .fsitelink.sel1 .tit:after {right:18px} #fsitelink-wr .fsitelink-wr .fsitelink.sel1 .tit a:before {right:18px} #fsitelink-wr .fsitelink-wr .fsitelink.sel1 .tit a:after {right:30px} #fsitelink-wr .fsitelink-wr .fsitelink.is-open .tit:after {border-color: #000;} #fsitelink-wr .fsitelink-wr .fsitelink.is-open .tit a:before {display:none} #fsitelink-wr .fsitelink-wr .fsitelink.is-open .tit a:after {top: 27px;right: 24px;border-top: 2px solid #000000;border-left: 2px solid #000000;width:10px;height:10px;transform:rotate(45deg);-ms-transform:rotate(45deg);margin-top:-4px;} #fsitelink-wr .fsitelink-wr .fsitelink.sel1.is-open .tit a:after {right:25px} #fsitelink-wr .fsitelink-wr .fsitelink .fsitelink-cate-box {position:absolute;bottom: 56px;left:0;background-color: #f5f4ef;width:100%;height:0;padding:0 15px;font-size:0;overflow:hidden;transition:all .3s ease;box-sizing:border-box;} #fsitelink-wr .fsitelink-wr .fsitelink .fsitelink-cate-box .fsitelink-dep {display:inline-block;vertical-align:top;width:25%;padding:0 15px;font-size:0;box-sizing:border-box} #fsitelink-wr .fsitelink-wr .fsitelink .fsitelink-cate-box ul {margin: 15px 10px 10px;} #fsitelink-wr .fsitelink-wr .fsitelink .fsitelink-cate-box li {padding:5px 0 6px} #fsitelink-wr .fsitelink-wr .fsitelink .fsitelink-cate-box li a {display:block;padding:2px 0} #fsitelink-wr .fsitelink-wr .fsitelink .fsitelink-cate-box li a span {position:relative;display:inline-block;font-size: 17px;color: #000000;letter-spacing:-.05em;transition:all .3s ease} #fsitelink-wr .fsitelink-wr .fsitelink .fsitelink-cate-box li a:hover span, #fsitelink-wr .fsitelink-wr .fsitelink .fsitelink-cate-box li a:focus span, #fsitelink-wr .fsitelink-wr .fsitelink .fsitelink-cate-box li a:active span {text-decoration:underline;color:#fff} #fsitelink-wr .fsitelink-wr .fsitelink .fsitelink-cate-box .fsitelink-dep .fsite-cate-tit {position:relative;padding:32px 0 13px 1px;color:#fff;font-size:16px;font-weight:500;letter-spacing:-.05em} #fsitelink-wr .fsitelink-wr .fsitelink .fsitelink-cate-box .fsitelink-dep .fsite-cate-tit:after {content:"";display:block;position:absolute;left:0;bottom:0;background-color:rgba(237, 237, 237, .2);width:100%;height:1px} #fsitelink-wr .fsitelink-wr .fsitelink .fsitelink-cate-box .fsitelink-dep ul {margin:0;padding:12px 0 0 0} #fsitelink-wr .fsitelink-wr .fsitelink.is-open .fsitelink-cate-box {display:block;height: 210px;overflow-y:auto;border: 2px solid #000000;border-bottom: 1px;} #footer-wrap .service-cont {position:relative;max-width: 1500px;height: 80px;margin: 0 auto;/* border-bottom:1px solid rgba(0, 0, 0, .3) */} .service-cont.div-cont {} #footer-wrap .service-cont .btn-prev, #footer-wrap .service-cont .btn-next {display:none} #footer-wrap .service-list {position:relative;padding: 34px 0 28px;line-height:1;} #footer-wrap .service-list li {display:inline-block;margin-right: 30px;} #footer-wrap .service-list li a {position:relative;display:block;padding: 0 10px;} #footer-wrap .service-list li a:after {content:"";position:absolute;left:-2px;top: 5px;background-color: #f7c599;border-radius:50%;width:3px;height:3px} #footer-wrap .service-list li:first-child a {padding-left:0} #footer-wrap .service-list li:first-child a:after {display:none} #footer-wrap .service-list li:last-child a {padding-right:0} #footer-wrap .service-list li a span {position:relative;font-size: 18px;letter-spacing:-0.05em;color: #000;} #footer-wrap .service-list li a span:after {content:"";position:absolute;left:0;bottom:-2px;background-color:#fff;width:100%;height:1px;opacity:0;transition:all 0.3s ease} #footer-wrap .service-list li a span.highlight:before{content:"";position:absolute;display: none;left: 8px;top: -20px;width: 5px;height: 18px;border-radius: 0px 15px;background: #fcff2d;transform: rotate(45deg);transition:all 0.3s ease} #footer-wrap .service-list li a span.highlight {color: #594400;} #footer-wrap .service-list li a span.highlight:after {background: #ffffff;} #footer-wrap .service-list li a:hover span:after, .service-cont .service-list li a:focus span:after {opacity:1} #footer-wrap .family-site-wr {position:absolute;top:0;right:0;font-size:0} #footer-wrap .family-site-wr .family-site {font-size:13px;display:inline-block;background:transparent;width:190px;z-index:100;position:relative} #footer-wrap .family-site-wr .center-site {width:150px} #footer-wrap .family-site-wr .family-site dt button {position:relative;display:block;background:none;border:0;width:100%;height:60px;padding:0 33px 0 0;color:rgba(255, 255, 255, .8);font-size:16px;font-weight:500;text-align:right;vertical-align:middle;transition:all 0.3s ease} #footer-wrap .family-site-wr .family-site dt button:after {content:"";position: absolute;right:0;top:0;bottom:0;width:24px;height:24px;margin:auto;background:url(/resources/_Img/Templet/Layout/footer_spr.png) no-repeat 0 0;transition:all .3s ease} #footer-wrap .family-site-wr .family-site dt button.is-open:after {transform:rotate(180deg);-ms-transform:rotate(180deg)} #footer-wrap .family-site-wr .family-site .isSelSub {position:absolute;bottom:60px;left:0;display:none;background:#4d5057;width:100%} #footer-wrap .family-site-wr .family-site .isSelSub ul {padding:10px 10px 10px 15px;height:150px;overflow-y:scroll} #footer-wrap .family-site-wr .family-site .isSelSub li a {display:inline-block;color:#fff;padding:5px 0} #footer-wrap .family-site-wr .family-site .isSelSub li a:hover, .service-cont .family-site .isSelSub li a:focus, .service-cont .family-site .isSelSub li a:active {text-decoration:underline} #footer-wrap .family-site-wr .family-site .btn-fclose {display:none;position:absolute;top:0;right:-27px;border:0;cursor:pointer;background:url(/resources/_Img/Templet/Layout/btn_fclose.gif) no-repeat 0 0;width:28px;height:28px} #footer-wrap .footer {position:relative;margin-top: 0;padding: 50px 0;font-size: 18px;font-weight:300;color:rgba(255, 255, 255, .7);word-break:keep-all;line-height:1.625em;} #footer-wrap .footer-info {display:inline-block;position:relative;padding: 0;} #footer-wrap .foot-logo {display:inline-block;position: absolute;top: 60px;right: 30px;} #footer-wrap .foot-logo .foot-logoBg1{position:relative;display: block;width: 221px;height: 80px;/* margin-bottom: 15px; */background: url(/park/_Img/all_img/foot-logo.png)no-repeat;} #footer-wrap .foot-logo .foot-logoBg2{position:relative;display: block;width: 343px;height: 64px;background: url(/park/_Img/all_img/foot-logo.png)no-repeat ;} #footer-wrap .footer address {display:block} #footer-wrap .footer address span {display:block;color: #38322c;font-weight: 500;} #footer-wrap .footer address .kor {} #footer-wrap .footer address .eng {} #footer-wrap .cs-info {display: inline-block;position: absolute;right: 5px;top:0;margin: 0;color: #333;} #footer-wrap .cs-info li br{display: none;} #footer-wrap .cs-info li span:last-child{margin-left: 10px;} #footer-wrap .footer .copyright {margin-top:4px;color: #333;font-size: 17px;text-transform:uppercase} #footer-wrap .topBt {position:fixed;bottom: -80px;right:50%;margin-right: -850px;width:70px;height:70px;text-align:center;background: #a99d61;border-radius:50%;z-index:3500;transition:all .3s ease;} #footer-wrap .topBt span {display:inline-block;color:#fff;font-size:12px;padding:40px 0 0;position:relative} #footer-wrap .topBt span:before {display:block;content:"";width:14px;height:14px;border:2px solid transparent;border-top:2px solid #fff;border-left:2px solid #fff;position:absolute;top:22px;left:50%;margin-left:-8px;transform:rotate(45deg);-ms-transform:rotate(45deg)} #footer-wrap .topBt.over {bottom: 70px;} #footer-wrap .footer-mark-wr {position:absolute;right:0;top:0;width:400px;padding:0 40px} #footer-wrap .footer-mark-wr .item {overflow:hidden;font-size:0} #footer-wrap .footer-mark-wr .footer-mark, #footer-wrap .footer-mark-wr p {display:inline-block;vertical-align:middle} #footer-wrap .footer-mark-wr p {margin-left:15px;color:rgba(178, 188, 211, .6);font-size:14px;letter-spacing:-.05em;line-height:1.2} #footer-wrap .footer-mark-wr .item img {width:auto} #footer-wrap .footer-mark-wr .ctrl-btns {} #footer-wrap .footer-mark-wr .ctrl-btns button {position:absolute;top:0;bottom:0;background:transparent;border:0;width:13px;height:24px;margin:auto;font-size:0} #footer-wrap .footer-mark-wr .ctrl-btns .owl-prev {left:0} #footer-wrap .footer-mark-wr .ctrl-btns .owl-next {right:0} #footer-wrap .footer-mark-wr .ctrl-btns button:before {content:"";display:block;width:13px;height:24px;margin:0 auto} #footer-wrap .footer-mark-wr .ctrl-btns .owl-prev:before {background-position:-34px 0;} #footer-wrap .footer-mark-wr .ctrl-btns .owl-next:before {background-position:-57px 0;} @media all and (max-width:1200px) { #fsitelink-wr .fsitelink-wr .fsitelink.sel1 {width:65%} #fsitelink-wr .fsitelink-wr .fsitelink.sel2 {width:16%} #fsitelink-wr .fsitelink-wr .fsitelink.sel3 {width: 100%;} #fsitelink-wr .fsitelink-wr .fsitelink .tit a {position:relative;display:block;padding: 16px 40px 12px 25px;font-size:18px;color:#fff;letter-spacing:-.05em;z-index:2;border: 0px solid #fff;box-sizing: border-box;} #fsitelink:before{content:"";position: absolute;display: none;top: -135px;left: 34px;width: 170px;height: 200px;background: url(/park/_Img/all_img/bottom-chr.png)no-repeat -58px -35px;z-index: 1;} #fsitelink:after{content:"";position: absolute;display: none;top: -116px;right: 34px;width: 170px;height: 180px;background: url(/park/_Img/all_img/bottom-chr.png)no-repeat -305px -71px;z-index: 1;} #footer-wrap .footer-wr {background: #e9e9e9;padding: 0;line-height:1.2;} #footer-wrap .service-cont {height:auto;box-sizing:border-box;padding:0;border-bottom: 0px solid rgba(255,255,255,0.3);} #footer-wrap .service-cont .btn-prev, #footer-wrap .service-cont .btn-next {display:block;border:0;background:0;width:45px;height: 58px;position:absolute;top:0;z-index: 100;overflow: hidden;} #footer-wrap .service-cont .btn-prev {left:0} #footer-wrap .service-cont .btn-next {right:0} #footer-wrap .service-cont .btn-prev:before, #footer-wrap .service-cont .btn-next:before {display:block;content:"";width:10px;height:10px;border-left:1px solid #fff;border-bottom:1px solid #fff;position:absolute;top:50%;left:50%;margin-top: -5px;margin-left:-5px;z-index:2;} #footer-wrap .service-cont .btn-prev:before {transform:rotate(45deg);-ms-transform:rotate(45deg)} #footer-wrap .service-cont .btn-next:before {transform:rotate(-135deg);-ms-transform:rotate(-135deg)} #footer-wrap .service-cont button:after {content:"";position:absolute;top:0;display:block;width:50px;height: 60px;z-index:1;} #footer-wrap .service-cont .btn-prev:after {left:0;background: linear-gradient(to left, rgba(57, 59, 65, 0) 0, #b5b098 50%);} #footer-wrap .service-cont .btn-next:after {right:0;background: linear-gradient(to right, rgba(57, 59, 65, 0) 0, #b5b098 50%);} #footer-wrap .service-list-wr {position:relative;width: 100%;overflow-x:auto;overflow-y: hidden;/* border-bottom: 1px solid rgba(92, 92, 92, 0.5); */margin: 0;min-height: 66px;z-index: 10;} #footer-wrap .service-list-wr .service-list-inwr {width:100%;box-sizing:border-box} #footer-wrap .service-list {padding:0 50px;white-space:nowrap} #footer-wrap .service-list:after {display:none} #footer-wrap .service-list li {padding: 21px 0 19px;margin:0} .mCSB_horizontal.mCSB_inside > .mCSB_container {margin-bottom:10px} #footer-wrap .footer address {display:block} #footer-wrap .cs-info {right:0} #footer-wrap .topBt {right:30px;margin-right:0} #footer-wrap .footer-mark-wr {padding:0 30px} .banner{position: relative;height:65px;width: 100%;padding:0;margin:0 auto;background: transparent;} .banner_list{position: relative;display: block;top: 12px;width: 95%;height: 40px;padding:0;margin: 0;overflow:hidden;} .banner .banner_wrap{position: absolute;display:block;top: 0;left: 0;width: 100%;height:65px;padding: 0 0 0 140px;overflow:hidden;background: transparent;box-sizing: border-box;} .banner .bn_ctrl2{position:absolute;left: 35px;top: 23px;width: 80px;height:21px;margin:0;} footer .Foot-countBx{position: relative;display:block;width: 100%;top: 0;right: 0;margin: 0;padding: 20px 20px 20px;background: transparent;z-index: 5;border-bottom: 1px solid rgba(92, 92, 92, 0.5);} #fsitelink-wr{position: absolute;display: block;width: 100%;padding: 0;margin: 0;right: 0;top: 58px;z-index: 11;background: #a9a27e;} #fsitelink-wr .fsitelink-wr {width: 100%;margin:0 auto;text-align:left;box-sizing:border-box;} #footer-wrap .div-cont{position:relative;display: block;max-width: 100%;margin: 0 auto;} #footer-wrap .foot-logo {display: block;position: relative;top: auto;right: auto;width: 221px;margin: 60px auto 0;} } @media all and (max-width:1100px) { #footer-wrap .footer-info {display:block;box-sizing:border-box;padding: 0;text-align: center;} #footer-wrap .footer address .eng {font-size:15px} #footer-wrap .cs-info {position: relative;right: auto;left: auto;top: auto;margin: 0 auto;display: inline-block;} #fsitelink{position: relative;display: none;} } @media all and (max-width:999px) { #fsitelink-wr{position: absolute;display: block;width: 100%;padding: 0;margin: 0;right: 0;top: 58px;z-index: 27;background: #a9a27e;} #fsitelink-wr .fsitelink-wr .fsitelink .tit:after {right:20px} #fsitelink-wr .fsitelink-wr .fsitelink .tit a:before, #fsitelink-wr .fsitelink-wr .fsitelink .tit a:after {right: 21px;} #fsitelink-wr .fsitelink-wr .fsitelink .tit a:after {right: 33px;} #fsitelink-wr .fsitelink-wr .fsitelink.is-open .tit a:after {right:26px} #fsitelink-wr .fsitelink-wr .fsitelink .tit a {padding: 16px 40px 14px 25px;font-size:16px;border: 0;} #fsitelink-wr .fsitelink-wr .fsitelink .fsitelink-cate-box {bottom: 49px;} #fsitelink-wr .fsitelink-wr .fsitelink .fsitelink-cate-box ul {margin:15px 0} #fsitelink-wr .fsitelink-wr .fsitelink .fsitelink-cate-box .fsitelink-dep {padding:0 7px} #fsitelink-wr .fsitelink-wr .fsitelink .fsitelink-cate-box .fsitelink-dep .fsite-cate-tit {padding-top:15px} #fsitelink-wr .fsitelink-wr .fsitelink.is-open .fsitelink-cate-box {display:block;height: 175px;overflow-y:auto;border-bottom: 1px solid #fff;border-width: 0 0 1px 0;} #footer-wrap .footer address .kor {font-size: 18px;} #footer-wrap .family-site-wr {} #footer-wrap .family-site-wr .family-site {} #footer-wrap .footer {text-align:center} #footer-wrap .footer-info {width:auto;padding:0} #footer-wrap .footer-info br {display:block} #footer-wrap .footer-mark-wr {display:none} } @media all and (max-width:768px) { #fsitelink-wr .fsitelink-wr .fsitelink {float:none;width:auto !important} #fsitelink-wr .fsitelink-wr .fsitelink .tit:after {top:13px;right:20px !important;margin-top:0} #fsitelink-wr .fsitelink-wr .fsitelink .tit a {padding: 24px 10px 25px;font-size:15px;} #fsitelink-wr .fsitelink-wr .fsitelink .tit a:before {top:25px !important;right:21px !important} #fsitelink-wr .fsitelink-wr .fsitelink .tit a:after {top:19px !important;right:33px !important} #fsitelink-wr .fsitelink-wr .fsitelink.is-open .tit a:after {top:28px !important;right:27px !important} #fsitelink-wr .fsitelink-wr .fsitelink .fsitelink-cate-box {position: relative;left:auto;bottom:auto} #fsitelink-wr .fsitelink-wr .fsitelink.is-open .fsitelink-cate-box {height:auto;max-height:390px;border-top: 1px solid rgba(255, 255, 255, 0.35);border-width: 1px 0;} #footer-wrap .service-cont {border-bottom-color:rgba(0, 0, 0, .3);margin:0;padding:0;height: 115px;} #footer-wrap .service-list-wr {width:100%;min-height: 50px;} #footer-wrap .service-list {padding:0 30px;overflow-x:auto;} #footer-wrap .service-list li {padding: 18px 0 14px;} #footer-wrap .service-cont .btn-prev, #footer-wrap .service-cont .btn-next, #footer-wrap .service-cont button:after {width:30px;height: 50px;} #footer-wrap .family-site-wr {position:static;bottom:auto;border-top:1px solid rgba(0, 0, 0, .3);width:auto} #footer-wrap .family-site-wr .family-site {border-left:1px solid rgba(0, 0, 0, .3);width:50%;box-sizing:border-box} #footer-wrap .family-site-wr .family-site.center-site {border-left:0} #footer-wrap .family-site-wr .family-site dt button {height:40px;padding:0 15px 0 20px;color:rgba(255, 255, 255, .8);font-weight:400;font-size:13px;text-align:left;letter-spacing:-.02em} #footer-wrap .family-site-wr .family-site dt button:after {right:15px;background:none;border-left:2px solid rgba(255, 255, 255, .3);border-bottom:2px solid rgba(255, 255, 255, .3);width:6px;height:6px;transform:rotate(-45deg)} #footer-wrap .footer {margin-top: 0;} #footer-wrap .footer address, #footer-wrap .cs-info {color: #333;font-size:13px;line-height:1.538} #footer-wrap .footer address .eng {font-size:13px} #footer-wrap .footer .copyright {margin-top:12px;color: #333;font-size:11px;line-height:1.636} #footer-wrap .topBt {width:60px;height:60px} #footer-wrap .topBt span {font-size: 15px;padding:22px 0} #footer-wrap .topBt span:before {display:none} footer .Foot-countBx{position: relative;display: none;top: 0;right: 0;margin: 0;padding: 32px 20px 32px;background: transparent;z-index: 5;} #fsitelink-wr{position: absolute;display: block;padding: 0;margin: 0;right: 0;top: 50px;z-index: 11;} #fsitelink-wr .fsitelink-wr .fsitelink .tit a {padding: 23px 10px 24px;font-size:15px;} #fsitelink-wr .fsitelink-wr .fsitelink .tit:after {top: 18px;right:20px !important;margin-top:0;} #fsitelink-wr .fsitelink-wr {width: 100%;margin:0 auto;text-align:left;box-sizing:border-box;} #fsitelink-wr .fsitelink-wr .fsitelink .tit a:before {top: 30px !important;right: 21px !important;} #fsitelink-wr .fsitelink-wr .fsitelink .tit a:after {top: 24px !important;right:33px !important;} #fsitelink-wr .fsitelink-wr .fsitelink.is-open .tit a:after {top: 27px !important;right: 28px !important;border-top:1px solid #fff;border-left:1px solid #fff;width:10px;height:10px;transform: rotate(224deg);-ms-transform:rotate(45deg);margin-top:-4px;} } @media all and (max-width:680px){ footer .Foot-countBx{position: relative;display: none;top: 0;right: 0;margin: 0;padding: 10px 20px 20px;background: transparent;z-index: 5;} #fsitelink-wr{position: absolute;display: block;padding: 0;margin: 0;right: 0;top: 51px;z-index: 11;} #fsitelink-wr .fsitelink-wr .fsitelink .tit a {padding: 23px 10px 24px;font-size:15px;} #fsitelink-wr .fsitelink-wr .fsitelink .tit:after {top: 18px;right:20px !important;margin-top:0;} #fsitelink-wr .fsitelink-wr {width: 100%;margin:0 auto;text-align:left;box-sizing:border-box;} #fsitelink-wr .fsitelink-wr .fsitelink .tit a:before {top: 30px !important;right: 21px !important;} #fsitelink-wr .fsitelink-wr .fsitelink .tit a:after {top: 24px !important;right:33px !important;} #fsitelink-wr .fsitelink-wr .fsitelink.is-open .tit a:after {top: 27px !important;right: 28px !important;border-top:1px solid #fff;border-left:1px solid #fff;width:10px;height:10px;transform: rotate(224deg);-ms-transform:rotate(45deg);margin-top:-4px;} } @media all and (max-width:640px){ #footer-wrap .service-list li a span {font-size:13px} #footer-wrap .topBt {width: 60px;height: 60px;} #footer-wrap .topBt span {padding: 2px 0 0;line-height: 60px;} #fsitelink-wr .fsitelink-wr .fsitelink .tit a {padding: 25px 10px 22px;font-size:15px;} #fsitelink-wr .fsitelink-wr .fsitelink .tit:after {top: 18px;right:20px !important;margin-top:0;} #fsitelink-wr .fsitelink-wr {width: 100%;margin:0 auto;text-align:left;box-sizing:border-box;} #fsitelink-wr .fsitelink-wr .fsitelink .tit a:before {top: 30px !important;right: 21px !important;} #fsitelink-wr .fsitelink-wr .fsitelink .tit a:after {top: 24px !important;right:33px !important;} #fsitelink-wr .fsitelink-wr .fsitelink.is-open .tit a:after {top: 27px !important;right: 28px !important;border-top:1px solid #fff;border-left:1px solid #fff;width:10px;height:10px;transform: rotate(224deg);-ms-transform:rotate(45deg);margin-top:-4px;} footer .Foot-Txt{position: relative;display: inline-block;padding: 0;margin: 0 5px 0 0;color: #888;font-size: 15px;font-weight: 400;letter-spacing: -1px;} footer .Foot-Su{position: relative;display: inline-block;padding: 0;margin: 0;color: #2581a3;font-size: 15px;font-weight: 600;letter-spacing: -1px;} footer .Foot-Su2{position: relative;display: inline-block;padding: 0;margin: 0;color: #bdbdbd;font-size: 15px;font-weight: 400;letter-spacing: -1px;} #fsitelink-wr{position: absolute;display: block;padding: 0;margin: 0;right: 0;top: 50px;z-index: 11;} } @media all and (max-width:499px){ #fsitelink-wr .fsitelink-wr .fsitelink .fsitelink-cate-box .fsitelink-dep {width:50%} #footer-wrap .cs-info li br{display: block;} } @media all and (max-width:380px){ footer .Foot-Txt{position: relative;display: inline-block;padding: 0;margin: 0 5px 0 0;color: #888;font-size: 12px;font-weight: 400;letter-spacing: -1px;} footer .Foot-Su{position: relative;display: inline-block;padding: 0;margin: 0;color: #2581a3;font-size: 15px;font-weight: 600;letter-spacing: -1px;} footer .Foot-Su2{position: relative;display: inline-block;padding: 0;margin: 0;color: #bdbdbd;font-size: 13px;font-weight: 400;letter-spacing: -1px;} } .body-slider-ovclick {position:fixed;z-index: 999;width:100%;height:100%;left:0;top:0;background:rgba(0, 0, 0, .7);overflow:hidden;display:none;transition: all .3s ease;} /* 애니메이션 */ @keyframes ico_ani { 0%,100% {transform:rotateZ(0deg);-webkit-transform:rotateZ(0deg)} 10%, 30%, 50%, 70%, 90% {transform:rotateZ(-5deg);-webkit-transform:rotateZ(-5deg)} 20%, 40%, 60%, 80% {transform:rotateZ(5deg);-webkit-transform:rotateZ(5deg)} } @-webkit-keyframes ico_ani { 0%,100% {transform:rotateZ(0deg);-webkit-transform:rotateZ(0deg)} 10%, 30%, 50%, 70%, 90% {transform:rotateZ(-5deg);-webkit-transform:rotateZ(-5deg)} 20%, 40%, 60%, 80% {transform:rotateZ(5deg);-webkit-transform:rotateZ(5deg)} } @keyframes ico_ani2 { 0%,50%,100% {transform:translateY(0);-ms-transform:translateY(0)} 25%,75% {transform:translateY(-7%);-ms-transform:translateY(-7%)} } @-webkit-keyframes ico_ani2 { 0%,50%,100% {transform:translateY(0);-ms-transform:translateY(0)} 25%,75% {transform:translateY(-7%);-ms-transform:translateY(-7%)} } @keyframes ico_ani3 { 0%,50%,100% {transform:translateY(0);-ms-transform:translateY(0)} 25%,75% {transform:translateY(-15%);-ms-transform:translateY(-15%)} } @-webkit-keyframes ico_ani3 { 0%,50%,100% {transform:translateY(0);-ms-transform:translateY(0)} 25%,75% {transform:translateY(-15%);-ms-transform:translateY(-15%)} } @keyframes ico_ani4 { 0% {transform:rotate(0deg);-webkit-transform:rotate(0deg)} 100% {transform:rotate(180deg);-webkit-transform:rotate(180deg)} } @-webkit-keyframes ico_ani4 { 0% {transform:rotate(0deg);-webkit-transform:rotate(0deg)} 100% {transform:rotate(180deg);-webkit-transform:rotate(180deg)} } /* 팝업레이어 */ .popup-layer{position: absolute;display: block;top: 0 !important;left: 0 !important;width: 100% !important;height: 100% !important;margin-left: 0 !important;z-index: 999999;} .popup-layer:before{content:'';position: absolute;display: block;top: 0;left: 0;width: 100%;height: 100%;z-index: 0;background: #000000a1;} .popup-layer div.pp-divBx{position: relative;display: block;box-sizing: border-box;} .popup-layer div.pp-dv{position: relative;display: inline-block;box-sizing: border-box;left: 50% !important;margin-left: -367px;top: 35px !important;} .popup-layer div.pp-dv .Bod-closbx>a.btn{} .popup-layer .Bod-closbx {position:absolute;display:block;top: 0;right: -70px;width:70px;height: 70px;padding:0;margin:0;background: #6aaaad;/* border-radius: 50%; *//* border: 1px solid #000; *//* box-shadow: 2px 2px 15px 1px rgba(0, 0 ,0 , 0.5); */z-index: 200;} .popup-layer div.pp-dv .Bod-closbx>a.btn {position:relative;display:block;width: 70px;height: 71px;padding: 8px 0 5px;margin:0;vertical-align:top;box-sizing: border-box;} .popup-layer div.pp-dv .Bod-closbx>a.btn i {position:relative;display:block;width: 50px;height: 50px;padding:0;margin:0 auto;color: #fff;font-size: 50px;transform: rotate(0deg);transition:all .3s ease;} .popup-layer div.pp-dv .Bod-closbx>a.btn:hover i{position:relative;display:block;width: 50px;height: 50px;padding:0;margin:0 auto;color: #fff;font-size: 50px;transform: rotate(180deg);transition:all .3s ease;} .popup-layer .popup-Layer{position: relative;display: block;box-sizing: border-box;} .popup-layer .popup-Layer .pop-imgBx{position: relative;} .popup-layer .popup-Layer .pop-imgBx>img{position: relative;max-width: 100%;height: auto;} .popup-layer #popup-menu{position: relative;display: block;background: #6aaaad;padding: 10px 0;text-align: center;} .popup-layer #popup-menu label{position: relative;color: #fff;} .popup-layer #popup-menu input{position: relative;display: inline-block;width: 18px;height: 20px;margin-left: 5px;border: 3px solid #333;} .popup-layer #popup-menu a{position: relative;} @media all and (max-width:999px) { .popup-layer div.pp-dv{position: relative;display: inline-block;width: auto !important;height: auto !important;box-sizing: border-box;left: 0 !important;margin-left: 0 !important;top: 35px !important;transform: scale(0.7);} }