@charset "utf-8";
@import url(swiper.min.css);
@import url(animation.css);
@import url('https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@200;300;400;500;600;700&family=Vazirmatn:wght@100;200;300;400;500;600;700&display=swap');
@font-face {font-family:'BMKIRANGHAERANG';src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/BMKIRANGHAERANG.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family:'NanumSquareRound'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/NanumSquareRound.woff') format('woff');font-weight: normal; font-style: normal;}

@media print {a:after {content: "" !important;}}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, 
p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, 
em, img, ins, kbd, q, s, samp, small, strike, strong, 
sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, table, 
caption, tbody, tfoot, thead, tr, th, td, 
article, aside, canvas, details, embed, figure,  
figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary, time, mark, audio, video {margin:0; padding:0; border:0;}
button{border:none;background:none;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, button {margin:0; padding:0; border:0; vertical-align:baseline; -webkit-font-smoothing:antialiased; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}


/* HTML5 display-role reset for older browsers */
html {-ms-text-size-adjust:none; -webkit-text-size-adjust:none;}
input {-webkit-border-radius: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
audio[controls], canvas, video {display:inline-block; *display:inline; *zoom:1;}
audio:not([controls]) {display:none; height:0;}
html {-ms-text-size-adjust:none; -webkit-text-size-adjust:none;}
button{font-family:'NanumSquare', sans-serif,  "돋움"}
body{background:#fff;line-height:1.2; font-family:'NanumSquare', sans-serif , "돋움", Dotum, Helvetica, Verdana, Arial, sans-serif !important; color:#222;}
button,textarea {line-height:1.2; font-family: 'NanumSquare', sans-serif ,"돋움", Dotum, Helvetica, Verdana, Arial, sans-serif; color:#222;}
h1, h2, h3, h4, h5, h6 {font-family:'NanumSquare', sans-serif , "돋움", Dotum, Helvetica, Verdana, Arial, sans-serif !important;}
hr {display:none; height:0; -moz-box-sizing:content-box; box-sizing:content-box;}
a, a:hover, a:focus {text-decoration:none; color:#222; cursor:pointer;}
a:active, a:hover, button:active, button:hover , button:focus {outline:0 none;}
em, address {font-style:normal;}			
acronym, abbr {cursor:help;}
abbr[title] {border-bottom:1px dotted;}
ul, ol {list-style:none; list-style-image:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:'' ;content:none;}
img {vertical-align:top; -ms-interpolation-mode:bicubic;}
figure img {display:block;}
html {overflow-y:scroll;}
select{-webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0; border-radius:0;background:#fff;}

*, :after, :before {-webkit-box-sizing:content-box;-moz-box-sizing:content-box; box-sizing:content-box;}
html, body { height: auto;}
html{font-size:10px;}
body {min-width:300px;}
body img{width:auto}

/*
input::-webkit-input-placeholder {color:#afafaf;}
input:-moz-placeholder {color:#afafaf;opacity:0.8;}
input::-moz-placeholder {color:#afafaf;opacity:0.8;}
input:-ms-input-placeholder {color:#afafaf;}
input::placeholder {color:#afafaf;opacity: 0.8;}
*/

input::-webkit-input-placeholder {color:#333333;}
input:-moz-placeholder {color:#333333;opacity:1;}
input::-moz-placeholder {color:#333333;opacity:1;}
input:-ms-input-placeholder {color:#333333;}
input::placeholder {color:#333333;opacity: 1;}

button{margin:0;padding:0;}

body{background:#fff}
.hdn{font-size:0; height:0; overflow:hidden; position:absolute; width:0; line-height:0;}
.rwd{transition : all 0.5s ease;-webkit-transition : all 0.5s ease;}


.elp{overflow:hidden;text-overflow:ellipsis;display:inline-block;white-space:nowrap;}
.elp2{overflow:hidden;text-overflow:ellipsis;display: -webkit-box !important;-webkit-line-clamp:2;line-height: 1.2em;-webkit-box-orient: vertical;}
.elp3{overflow:hidden;text-overflow:ellipsis;display: -webkit-box !important;-webkit-line-clamp:3;line-height: 1.2em;-webkit-box-orient: vertical;}


.wb-show{display:block;}
.mb-show{display:none;}

/* Skip Navigation */
#skipToContent {position:absolute; overflow:hidden; width:100% ;margin:0 auto; z-index:991;}
#skipToContent a {display:block; height:1px; margin-top:-2px; overflow:hidden; text-align:center; font-size:0; line-height:0; background:#434343;} 
#skipToContent a:active ,#skipToContent a:focus {padding:5px 0; margin-top:0; height:24px; font-size:14px; line-height:1.6; font-weight:600; color:#fff; z-index:999;}


/* link style */
a:link, a:visited {color:#222222;} 
a:hover, a:active {color:#222222;}
a:focus-visible,
button:focus-visible{outline: 3px solid #000;}

/* color style */
.text-blue {color:#4D71CD !important;}

.text-center{text-align:center}

.hj, .jp{font-family:"Nanum Gothic"}
.bold{font-weight:600;}

/* table */
table {width:100%; height:auto;border-collapse:collapse; padding:0; margin:0;}
table caption {width:0; height:0; line-height:0; font-size:0px; float:left; position:absolute; overflow:hidden;	}
table button, table input {*overflow:auto;}


/* hide style */
.hidden, legend, .hdn{display:block !important;width:0; height:0; line-height:0; font-size:0px; float:left; position:absolute; overflow:hidden;}
.msg_sound-only, .sound-only {display:inline-block !important;position:absolute;top:0;left:0;width:0;height:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}


/* 컨텐츠 공통 */
.rwd{width:1260px;margin:0 auto;}

.br{display:block;}

.vmd{vertical-align:middle;}

.ic{display:inline-block;vertical-align:middle;background-image:url('../img/common/icon-all.png')  !important;background-position:0 0;background-repeat:no-repeat;background-size:250px auto;;}
.ic-mem{width:23px;height:23px;background-position:0 0  !important;}
.ic-sch{width:23px;height:23px;background-position:-25px 0  !important;}
.ic-sch-wh{width:25px;height:25px;background-position:-200px 0  !important;background-size:500px auto  !important;}
.ic-menu{width:23px;height:23px;background-position:-50px 0  !important;}
.ic-home{width:23px;height:23px;background-position:0 -25px  !important;}
.ic-share{width:23px;height:23px;background-position:-25px -25px  !important;}
.ic-print{width:23px;height:23px;background-position:-50px -25px  !important;}
.ic-youtube{width:38px;height:38px;background-position:0px -100px  !important;}
.ic-instar{width:37px;height:38px;background-position:-50px -100px  !important;}
.ic-facebook{width:37px;height:38px;background-position:-100px -100px  !important;}




.ft15{font-size:1.5rem}
.ft17{font-size:1.7rem}

.pt{color:#0071CE}

#mobile-header{display:none}

#web-header{position:fixed;top:0;left:0;width:100%;z-index:150;}
#web-header .header{width:100%; height:100px;z-index:998;background:rgba(255,255,255,1);}
#web-header .header:after{content:"";display:block;clear:both;}
#web-header .rwd{position:relative;}
#web-header .rwd:after{content:"";display:block;clear:both;}
#web-header .header h1{position:absolute;top:15px;left:0px;z-index:100}/*231010 top값 바꿈(20px)*/

#web-header nav {float:left;position:relative;height:100px;width:100%;overflow:hidden;padding:0 11.5rem 0 16.6rem}

#web-header nav:after{content:"";display:block;clear:both}
#web-header nav .nav-box > ul{display:flex;justify-content:center;padding:0 8rem 0 0;}
#web-header nav .nav-box > ul > li > a {position:relative;display:block;width:auto;height:100px;line-height:100px;padding:0 4.5rem;;text-align:center;white-space:nowrap;font-size:2rem;color:#222;}
#web-header nav .nav-box > ul > li > a span:after {content:""; display:block;height:5px;width:5px;border-radius:100%;position:absolute; bottom:2.4rem; left:50%;box-sizing:unset}
#web-header nav .nav-box > ul > li.active > a,
#web-header nav .nav-box > ul > li.on > a,
#web-header nav .nav-box > ul > li > a:hover,
#web-header nav .nav-box > ul > li > a:focus{color:#009688;font-weight:700;background:transparent;}/*231025 이 라인 이후로 #2cd29f 전체 컬러 변경*/

#web-header nav .nav-box > ul > li.active > a span:after,
#web-header nav .nav-box > ul > li.on > a span:after,
#web-header nav .nav-box > ul > li > a:hover span:after{background:#009688; }


#web-header nav .nav-box > ul .smenu {padding:15px 8px 20px;position:relative;}
#web-header nav .nav-box > ul .smenu li{margin-right:0;font-size:1.7rem;font-weight:400;}
#web-header nav .nav-box > ul .smenu li a{display:block;padding:7.5px 0;color:#575757;text-align:center;line-height:1.5em}
#web-header nav .nav-box > ul .smenu li a:hover,
#web-header nav .nav-box > ul .smenu li a:focus,
#web-header nav .nav-box > ul .smenu li.active a{color:#009688}

#web-header .bg{position:absolute;top:99px;left:0;width:100%;height:0px;background:rgba(255,255,255,0.9);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px); -webkit-filter: blur(.5px);}

#web-header .nav-right{position:absolute;top:40px;right:0px;z-index:100}
#web-header .nav-right button,
#web-header .nav-right a{display:inline-block;margin-left:2.2rem;font-size:1.65rem}
#container{position:relative;top:100px;width:100%;float:none;font-size:1.65rem;margin:0}


footer{position:relative;top:100px;background:#fbf9f3;color:#C3C3C3;text-align:center;}
footer .footer-slogan-main{position:relative;padding:13.3rem 2rem 12.7rem;background:url('../img/main/bg-footer.png') center top no-repeat;background-size:cover;}
footer .footer-slogan-main:before{content:"";position:absolute;top:0;left:0;z-index:1;display:block;width:100%;height:100%;}/*231016 background:rgba(63,216,169, 0.6); 배경색 삭제*/
footer .footer-slogan-main .info{position:relative;z-index:1;color:#fff}
footer .footer-slogan-main .txt{display:block;font-size:2rem;font-weight:300}
footer .footer-slogan-main strong{display:block;padding:1.2rem 0 2.2rem;font-size:3rem;font-weight:800}
footer .footer-slogan{position:relative;padding:2.4rem 2rem 5rem;color:#fff;font-size:3rem;font-family:'BMKIRANGHAERANG';background:url('../img/common/bg-footer1.png') center top no-repeat;background-size:cover;}
footer .footer-slogan-main:after,
footer .footer-slogan:after{content:"";display:block;width:100%;height:30px;position:absolute;bottom:-2px;left:0;z-index:50;background:url('../img/common/bg-wave-bottom.png') 0 bottom repeat-x;}
footer .footer{position:relative;border-top:none;overflow:hidden;padding:0}
footer .footer .bg{position:absolute;position:absolute;z-index:-1;top:0;bottom:0px;width:100%;height:100%;display:block;background: #fff url('../img/common/bg-footer2-new.png') center bottom no-repeat; background-size:cover;}
footer .footer .fcont h2{display:flex;align-items:center;justify-content:center;padding:5.2rem 0 2.2rem;position:relative;z-index:5}
footer .footer .fcont h2 .logo-md{margin-left:2rem;}
footer .footer .fcont h2 .logo-md img{width:166px;}
footer .footer .fcont address{font-size:1.65rem;color:#666}
footer .footer .fcont address ul li{display:inline-block;margin:0 .5rem;}
footer .footer .fcont address strong{color:#009688;font-weight:800;}
footer .footer .fcont address strong:nth-child(2){margin-left:2rem;}
footer .footer .fcont li{display:inline-block;}
footer .footer .fcont .sns-list{padding-top:3.7rem;}
footer .footer .fcont .sns-list li{margin:0 5px} 
footer .footer .finfo-list{padding:3.5rem 0 6rem;font-size:1.65rem}
footer .footer .finfo-list li:before{content:"·";margin:0 2rem;color:#222}
footer .footer .finfo-list li:first-child:before{display:none}
footer .footer .finfo-list li a{position:relative;}
footer .footer .finfo-list li a:hover,footer .footer .finfo-list li a:focus{color:#009688}
footer .footer .finfo-list li a:hover:after,
footer .footer .finfo-list li a:focus:after{display:inline-block;content:"";width:100%;height:1px;background:#009688;position:absolute;bottom:-1px;left:0;}

footer .footer-copyright{display:block;padding:2.3rem 0 1.9rem;font-size:1.4rem;font-family: 'Noto Sans KR';font-weight:300;color:#666;letter-spacing:0.02em}

footer .footer .f-left:before,
footer .footer .f-left:after,
footer .footer .f-right:before,
footer .footer .f-right:after{content:"";display:block;width:63px;height:3.1rem;position:absolute;background:url('../img/main/icon-cloud.png') center top no-repeat;background-size:63px auto;}

footer .footer .f-left{position:absolute;top:6rem;left:14%;width:33.2rem}
footer .footer .f-left span{display:inline-block;width:88px;height:129px;top:-43px;left:-59px;background:url('../img/main/icon-fleft.png') center top no-repeat;background-size:88px auto;animation:bounce2 3s linear infinite;}
footer .footer .f-left:before{position:absolute;left:0px;top:45px;animation:bounce1 3s linear infinite;}
footer .footer .f-left:after{position:absolute;right:0;top:0;animation:bounce1 3s linear infinite 1.2s;}

footer .footer .f-right{position:absolute;top:2.5rem;right:6%;width:41.4rem;height:17.5rem}
footer .footer .f-right span{position:relative;display:inline-block;width:61px;height:90px;top:0;left:-80px;background:url('../img/main/icon-fright.png') center top no-repeat;background-size:61px auto;animation:bounce2 3s linear infinite 1.3s;}
footer .footer .f-right:before{position:absolute;left:0px;top:7.7rem;animation:bounce1 3s linear infinite;}
footer .footer .f-right:after{position:absolute;right:0;bottom:0;width:9rem;height:4.3rem;background-size:85px auto;animation:bounce1 3s linear infinite 1.5s;}


.btn-more{display:inline-block;font-size:1.6rem; border:1px solid #fff;padding:1.5rem 5.2rem; border-radius: 25px;}
.btn-more:hover, .btn-more:focus{transition : all 0.5s ease;-webkit-transition : all 0.5s ease;}
.btn-more.btn-white{color:#fff !important;}
.btn-more.btn-white:hover,.btn-more.btn-white:focus{color:#009688 !important;background:#fff;border:1px solid #fff;}
.btn-more.btn-dark{color:#222 !important; border:1px solid #222;}
.btn-more.btn-dark:hover, .btn-more.btn-dark:focus{color:#fff !important;background:#222;border:1px solid #222;}

.btn-more.btn-green{color:#009688; border:1px solid #009688;}
.btn-more.btn-green:hover, .btn-more.btn-green:focus{color:#fff !important;background:#009688;border:1px solid #009688;}




img{max-width:100%;}

.swiper-button-next, .swiper-button-prev{padding:30px 30px;border-radius:100%;background-color:rgba(0,0,0,.7);background-size:12px auto;}
.swiper-button-next:focus, .swiper-button-prev:focus{background-color:rgba(0,0,0,1);}
.swiper-button-prev,.swiper-container-rtl .swiper-button-next {background-image: url("../img/common/icon-slide-prev.png")  !important;opacity:.85}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev {background-image: url("../img/common/icon-slide-next.png")  !important;opacity:.85}
.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white {background-image: url("../img/common/icon-slide-next.png")  !important}
.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white {background-image: url("../img/common/icon-slide-prev.png")  !important}
.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black {background-image: url("../img/common/icon-slide-next.png")  !important}
.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black {background-image: url("../img/common/icon-slide-prev.png")  !important}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{opacity:0.5}

/* 메인 */
.br{display:block;}
.main-visual {position:relative;overflow:hidden;background:#f3f3f3  !important;}
.main-visual .main-slide{position:relative;display:flex;flex-direction:column;width:100%;justify-content:center;background-size:cover;background-repeat:no-repeat;background-position:center top;}
.main-visual .slogan{position:relative;color:#fff  !important;font-size:10rem;display:flex;height:82rem;line-height:1em;margin:0 auto;text-align:center;align-items:center;justify-content:center;letter-spacing:-0.09em;background:url('../img/main/bg-slogan.png') center center no-repeat;font-family:'BMKIRANGHAERANG', sans-serif;}
.main-visual .slogan .slogan-txt{display:inline-block;padding-left:6rem;padding-bottom:5rem;}


.main-visual .pagination{position:absolute;bottom:3rem;left:0;width:100%;z-index:80;text-align:center}
.main-visual .mvisual-swiper-pagination{color:#fff;display:inline-block;font-size:1.6rem;letter-spacing:-0.09em;text-align:center;vertical-align:middle}
.main-visual .mvisual-swiper-pagination .swiper-pagination-bullet{width:10px;height:10px;background:#fff   !important;margin:0 6px 0 0;font-size:0;opacity:1;vertical-align:middle}
.main-visual .mvisual-swiper-pagination .swiper-pagination-bullet-active{width:14px;height:14px;background:transparent;background:#009688  !important;border-radius:14px;}



.mvisual-swiper-pstop {display:inline-block; width: 20px; height: 20px; border: 0;margin-top:4px; background: transparent; cursor: pointer;vertical-align:middle; }
.mvisual-swiper-pstop:before {display:inline-block; content: ''; }
.mvisual-swiper-pstop[aria-pressed="false"]:before {top: 4px; left: 4px; width: 12px; height: 12px; border-left: 3px solid #000000; border-right: 3px solid #000000; box-sizing: border-box;}
.mvisual-swiper-pstop[aria-pressed="true"]:before {top: 2px; left: 2px; border-top: 8px solid transparent; border-left: 16px solid #000000; border-bottom: 8px solid transparent;}


.main-visual:after{content:"";display:block;width:100%;height:30px;position:absolute;bottom:0;left:0;z-index:50;background:url('../img/main/bg-wave-main.png') 0 bottom repeat-x;}
.main-container #content{padding:10rem 0 12.2rem}


.mtit{margin-bottom:6rem;font-size:4rem;text-align:center;font-weight:800}

.msection1{padding-bottom:16.3rem;}
.msection1 dd{overflow:hidden;}
.msection1 ul{display:flex;margin:0 -1rem}
.msection1 ul li{position:relative;min-width:30rem;margin:0 1rem;background:#DF691B  !important;border-radius:16px;}
.msection1 ul li a{display:block;padding:4rem 3rem 3rem;color:#fff  !important;}
.msection1 ul li a:after{content:"";display:block;position:absolute;bottom:2.5rem;right:3rem;transition : all 0.5s ease;-webkit-transition : all 0.5s ease;}
.msection1 ul li .cont strong{display:block;margin-bottom: 1.5rem;font-size:2.6rem;font-weight:800}
.msection1 ul li .cont span.txt{display:block;line-height:1.5em;margin-bottom:31%;}
.msection1 ul li:nth-child(1){background-color:#DF691B  !important;}
.msection1 ul li:nth-child(2){background-color:#D25A9D  !important;}
.msection1 ul li:nth-child(3){background-color:#009688  !important;}
.msection1 ul li:nth-child(4){background-color:#3088EA  !important;}/*231026 이 라인 이후로 #56d6d b 전체 컬러 변경*/

.msection1 ul li:nth-child(1) a:after{width:86px;height:79px;background:url('../img/main/icon-msc1.svg') right bottom no-repeat  !important;}
.msection1 ul li:nth-child(2) a:after{width:92px;height:58px;background:url('../img/main/icon-msc2.svg') right bottom no-repeat  !important;}
.msection1 ul li:nth-child(3) a:after{width:86px;height:71px;background:url('../img/main/icon-msc3.svg') right bottom no-repeat  !important;}
.msection1 ul li:nth-child(4) a:after{width:92px;height:67px;background:url('../img/main/icon-msc4.svg') right bottom no-repeat  !important;}

.msection1 ul li a:hover:after{-webkit-animation:bounce 1.5s ease infinite;animation:bounce 1.5s ease infinite}

.msection2{position:relative;background:#e9f7e8  !important;padding:30rem 0  27rem;margin-bottom:10rem;;min-height:800px;text-align:center;}
.msection2:before,
.msection2:after{content:"";display:block;width:100%;height:67px;position:absolute;bottom:-2px;left:0;z-index:50;background:url('../img/main/bg-wave-msection.png') center top repeat-x  !important;}
.msection2:before{top:0;bottom:inherit;}
.msection2:after{transform: rotate(180deg );}

.msection2 .top-bg-left,
.msection2 .top-bg-right,
.msection2 .bottom-bg-left,
.msection2 .bottom-bg-right{position:absolute;z-index:0;display:block;;width:26.5%;padding-top:21%;background-size:cover;background-repeat:no-repeat;}

.msection2 .top-bg-left{top:0;background-image:url('../img/main/img-left-top.png')  !important;background-position:left bottom  !important;}
.msection2 .top-bg-right{top:0;right:0;padding-top:26.3%;background-image:url('../img/main/img-right-top.png')  !important;background-position: right bottom  !important; }
.msection2 .bottom-bg-left{bottom:0;padding-top:26.3%;background-image:url('../img/main/img-left-bottom.png')  !important;background-position: left top  !important;}
.msection2 .bottom-bg-right{bottom:0;right:0;background-image:url('../img/main/img-right-bottom.png')  !important;background-position: right top  !important;}

.msection2 .story-info{position:relative;z-index:5;display:inline-block;padding:0 2rem}
.msection2 .story-info h3{position:relative;font-size:10rem;line-height:1em;font-family:'BMKIRANGHAERANG', sans-serif !important;color:#3088EA  !important}/*231025 이 라인 이후로 #57b8ff 전체 컬러 변경*/
.msection2 .story-info h3 .clr1{color:#DF691B  !important}/*231025 이 라인 이후로 #fbbd08 전체 컬러 변경*/
.msection2 .story-info h3 .clr2{color:#D25A9D  !important}/*231025 이 라인 이후로 #e57ab6 전체 컬러 변경*/
.msection2 .story-info h3 .clr3{color:#009688  !important}
.msection2 .story-info p{display:block;padding:2rem 0 4rem;line-height:1.8em}

.msection2 .story-info .clr1,
.msection2 .story-info .clr,
.msection2 .story-info .cont,
.msection2 .story-info .sct2{display:inline-block;position:relative;}
.msection2 .story-info .clr .sct1{content:"";display:block;width:86px;height:59px;position:absolute;top:-43px;left:-59px;background:url('../img/main/icon-sct1.png') center top no-repeat  !important;background-size:86px auto  !important;animation:bounce1 2s linear infinite;}
.msection2 .story-info .clr:before{content:"";display:block;width:114px;height:99px;position:absolute;top:-90px;right:-40px;background:url('../img/main/icon-sct2.png') center top no-repeat  !important;background-size:114px auto !important;animation:bounce1 3s linear infinite;}
.msection2 .story-info .clr:after{content:"";display:block;width:37px;height:36px;position:absolute;bottom:0px;right:-40px;background:url('../img/main/icon-sct4.png') center top no-repeat  !important;background-size:37px auto !important;}
.msection2 .story-info .clr1:before{content:"";display:block;width:47px;height:39px;position:absolute;bottom:-0px;left:-59px;background:url('../img/main/icon-sct3.png') center top no-repeat  !important;background-size:47px auto !important;}
.msection2 .story-info .sct2:before{content:"";display:block;width:131px;height:64px;position:absolute;bottom:0px;left:-191px;background:url('../img/main/icon-sct5.png') center top no-repeat  !important;background-size:131px auto !important;}
.msection2 .story-info .sct2:after{content:"";display:block;width:64px;height:51px;position:absolute;bottom:0px;right:-210px;background:url('../img/main/icon-sct7.png') center top no-repeat  !important;background-size:64px auto !important;}
.msection2 .story-info a:after{content:"";display:block;width:93px;height:47px;position:absolute;top:-23px;right:-154px;background:url('../img/main/icon-sct6.png') center top no-repeat  !important;background-size:93px auto !important;}



.msection3{position:relative;background:#ecf8fe;padding:20rem 0;overflow:hidden; }
.msection3:before,
.msection3:after{content:"";display:block;width:100%;height:67px;position:absolute;bottom:-2px;left:0;z-index:50;background:url('../img/main/bg-wave-msection.png') center top repeat-x  !important;}
.msection3:before{top:0;bottom:inherit;}
.msection3:after{height:30px;bottom:-2px;left:0;z-index:50;background:url('../img/common/bg-wave-bottom.png') 0 bottom repeat-x  !important;}
.msection3 .txt{display:inline-block;}
.msection3 .gallery-msection,
.msection3 .icn-more,
.msection3 .txt{position:relative;}

.msection3 .icn-more{display:inline-block;}

.msection3 .gallery-msection:before,
.msection3 .gallery-msection:after,
.msection3 .txt:before,
.msection3 .txt:after,
.msection3 .icn-more:before,
.msection3 .icn-more:after,
.msection3 h3:before,
.msection3 h3:after{content:"";display:inline-block;position:absolute;}

.msection3 .txt:before{top:-8rem;left:-10.6rem;width:97px;height:98px;background:url('../img/main/icon-scth2.png') center top no-repeat  !important;background-size:97px auto !important;}
.msection3 .txt:after{top:-9rem;right:-19.8rem;width:179px;height:173px;background:url('../img/main/icon-scth3.png') center top no-repeat  !important;background-size:179px auto !important;}
.msection3 h3:before{top:-4rem;left:8%;width:132px;height:102px;background:url('../img/main/icon-scth1.png') center top no-repeat  !important;background-size:132px auto !important;}
.msection3 h3:after{top:-4rem;right:8%;width:122px;height:122px;background:url('../img/main/icon-scth4.png') center top no-repeat  !important;background-size:122px auto  !important;}
.msection3 .gallery-msection:before{bottom:-11rem;left:4%;width:112px;height:149px;background:url('../img/main/icon-scth5.png') center top no-repeat  !important;background-size:112px auto  !important;}
.msection3 .gallery-msection:after{bottom:-8rem;right:8%;width:139px;height:150px;background:url('../img/main/icon-scth8.png') center top no-repeat  !important;background-size:139px auto  !important;}
.msection3 .icn-more:before{bottom:-8rem;left:-210%;width:143px;height:173px;background:url('../img/main/icon-scth6.png') center top no-repeat  !important;background-size:143px auto  !important;}
.msection3 .icn-more:after{bottom:-6rem;right:-210%;width:130px;height:91px;background:url('../img/main/icon-scth7.png') center top no-repeat  !important;background-size:130px auto  !important;}




.msection3 .gallery-list{margin-bottom:6rem;}
.msection3 .swiper-wrapper{transition-timing-function:linear;-webkit-transition-timing-function:linear!important;}
.msection3 ul {display:flex;flex-wrap:nowrap;margin:0 1rem 6rem}
.msection3 ul li {width:auto}
.msection3 ul li:nth-child(even){padding-top:3rem;}
.msection3 ul li a{display:block;width:25.5rem;height:34rem;margin:0 1rem;border-radius:4rem;position:relative;overflow:hidden;}
.msection3 ul li a .item{position:absolute;top:0;left:0;display:block;width:100%;height:100%}
.msection3 ul li a .item .img{position:absolute;top:0;left:0;display:block;width:100%;height:100%;overflow:hidden;background-color:#efefef;background-repeat:no-repeat;background-position:center center;background-size:cover; transform: scale(1);transition: transform .5s ease-in-out; }
.msection3 ul li a .item .tit{position:absolute;bottom:0;left:0;z-index:10;color:#fff  !important;display:block;padding:4rem 3rem 3rem;line-height:1.3em;}
.msection3 ul li a .item .opt{position:absolute;top:2.5rem;left:2.3rem;display:inline-block;min-width:95px;padding:1rem 2rem;border-radius: 20px;background-color: #3088EA  !important;color:#fff  !important}
.msection3 ul li a .item .opt2{background:#D25A9D  !important;}
.msection3 ul li a:hover .item .img{-webkit-transform: scale(1.1);transform: scale(1.1)}
.msection3 ul li a .item:before{content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;background: rgb(32,23,23);background: linear-gradient(0deg, rgba(32,23,23,1) 0%, rgba(34,193,195,0) 59%)}
.msection3 ul li a:focus-visible{outline:5px solid #000;}

.msection4 {padding:11.8rem 0  0rem;font-family: 'NanumSquareRound',sans-serif !important;}
.msection4 .tab-msc{border-bottom:2px solid #666}
.msection4 .tab-msc ul{display:flex;padding:2rem 0}
.msection4 .tab-msc ul li{}
.msection4 .tab-msc ul li a{color:#666666;font-size:2rem}
.msection4 .tab-msc ul li.active a{color:#222;font-weight:800;}
.msection4 .tab-msc ul li:after{content:"";display:inline-block;width:1px;height:15px;background: #d9d9df;margin:-2px 2rem 0;vertical-align:middle;}
.msection4 .tab-msc ul li:last-child:after{display:none}

.msection4 .notice-box{position:relative;}
.msection4 .notice-list{margin-bottom:5rem;}
.msection4 .notice-list ul{display:flex;flex-wrap:wrap;width:100%;}
.msection4 .notice-list li{flex-shrink:0;width:50%;}
.msection4 .notice-list li a{display:flex;padding:2rem 0;margin:0 1rem;align-items:center;border-bottom:1px solid #e0e1e1}
.msection4 .notice-list li a .date{display:block;color:#666;font-size:1.4rem;padding-left:2rem;text-align:center}
.msection4 .notice-list li a .date strong{display:block;font-size:4rem;color:#222;font-weight:800;letter-spacing:-0.05em; text-align:center}
.msection4 .notice-list li a .txt{display:block;font-weight:500}
.msection4 .notice-list li a .txt:before{content:"";display:inline-block;width:1px;height:30px;background: #d9d9df;margin:0 3rem;vertical-align:middle;}
.msection4 .notice-list li:nth-child(even) a{margin-right: 0;}
.msection4 .notice-list li:nth-child(odd) a{margin-left: 0;}
.msection4 .notice-list li.empty{width:100%;padding:5rem 0;text-align:center}

.msection4 .pskip-link ul{display:flex;margin:0 -2rem;overflow:hidden;}
.msection4 .pskip-link ul li{position:relative;width:50%;margin:0 2rem;background:#DF691B;border-radius:40px;}
.msection4 .pskip-link ul li a{display:block;padding:6rem 5rem;color:#fff;}
.msection4 .pskip-link ul li a:after{content:"";display:block;position:absolute;bottom:2.5rem;right:3rem;transition : all 0.5s ease;-webkit-transition : all 0.5s ease;}
.msection4 .pskip-link ul li .cont strong{display:block;margin-bottom: 1.5rem;font-size:2.6rem;font-weight:800}
.msection4 .pskip-link ul li .cont span{display:block;line-height:1.5em;margin-bottom:14%;font-weight:300}
.msection4 .pskip-link ul li:nth-child(1){background-color:#DF691B;}
.msection4 .pskip-link ul li:nth-child(2){background-color:#D25A9D;}

.msection4 .pskip-link ul li:nth-child(1) a:after{width:105px;height:105px;background:url('../img/main/icon-msc5.svg') right bottom no-repeat;background-size:105px auto;}/*231010 아이콘 이미지 수정 width:110px;height:100px*/
.msection4 .pskip-link ul li:nth-child(2) a:after{width:123px;height:110px;background:url('../img/main/icon-msc6.svg') right bottom no-repeat;background-size:123px auto;}/*231010 아이콘 이미지 수정 width:123px;height:100px*/
.msection4 .pskip-link ul li a:hover:after{-webkit-animation:bounce 1.5s ease infinite;animation:bounce 1.5s ease infinite}

.msection4 .more{position:absolute;top:2.2rem;right:0;    transition: transform .8s;}
.msection4 .more:hover{transform: rotate(360deg);-webkit-transform: rotate(360deg);-o-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);}

.msection4 .more-ic::before {content:''; display:block; width:26px; height:2px; margin-bottom:18px; background:#000; transform:translateY(10px) rotate(0deg); -webkit-transform:translateY(10px) rotate(0deg);}
.msection4 .more-ic::after {content:''; display:block; width:26px; height:2px; margin-top:8px; background:#000; transform : translateY(-10px) rotate(90deg); -webkit-transform:translateY(-10px) rotate(90deg);}


/* 서브*/
.sub-top{position:relative;display:flex;align-items:center;height:260px;margin-bottom: 5rem;color:#fff;background:url('../img/sub/img-sub-top1.png') center top no-repeat;background-size:cover;}
.sub-top:after{content:"";display:block;width:100%;height:14px;position:absolute;bottom:0;left:0;background:url('../img/common/bg-wave-top.png') 0 bottom repeat-x;background-size:247px 14px;;}
.sub-top h3{margin-bottom:7px;;font-size:6rem;text-align:center;font-family:"BMKIRANGHAERANG" !important; letter-spacing: -1.5px;}

#sub-top1{background:url('../img/sub/img-sub-top1.png') center 0 no-repeat;background-size:cover;}
#sub-top2{background:url('../img/sub/img-sub-top2.png') center 0 no-repeat;background-size:cover;}
#sub-top3{background:url('../img/sub/img-sub-top3.png') center 0 no-repeat;background-size:cover;}
#sub-top4{background:url('../img/sub/img-sub-top4.png') center 0 no-repeat;background-size:cover;}
#sub-top5{background:url('../img/sub/img-sub-top5.png') center 0 no-repeat;background-size:cover;}


.sub-location {margin-bottom:6rem;}
.sub-location .depth02{position:relative;}
.sub-location .depth02 .menu_select button{display:none}
.sub-location .depth02 .rwd{position:relative;}
.sub-location .depth02 ul{display:flex;justify-content:center;position:relative;vertical-align:top;overflow-x:auto;white-space:nowrap;border:1px solid #ddd;border-radius:30px;}
.sub-location .depth02 ul:after{content:"";display:block;clear:both}
.sub-location .depth02 ul li{position:relative;min-width:120px;font-size:1.7rem;text-align:center}
.sub-location .depth02 ul li a{display:block;text-align:center;;font-weight:400;padding:2rem 2.5rem;letter-spacing:-0.05em}
.sub-location .depth02 ul li.active > a{font-weight:700;color:#009688}

.page-location{text-align:right;}
.page-location ul{display:inline-block;}
.page-location ul li{display:inline-block;vertical-align:middle;}

.page-location .location li:after{content:"";display:inline-block;width:8px;height:8px;margin: 14px 9.5px 13.1px;background:url('../img/sub/ic-loc.svg') center center no-repeat;vertical-align:middle;}
.page-location .location li:last-child,
.page-location .location li:last-child a{color:#009688;font-weight:800}
.page-location .location li:last-child:after{display:none}


.page-location .share-link{display:inline-block;}
.page-location .share-link:before{content:"";display:inline-block;width:1px;height:15px;margin:0 1rem 0 1.8rem;background:#d9d9df;vertical-align:middle}
.page-location .share-link .btn-share{display:inline-block;position:relative;}
.page-location .share-link > button,
.page-location .share-link .btn-share > button{margin-left:.8rem;}
.page-location .share-link > button,
.page-location .share-link .btn-share > button{width:36px;height:36px; border-radius:10px;background-color: #f8f8f8;text-align:center}
.page-location .share-link > button:focus,
.page-location .share-link > button:hover,
.page-location .share-link .btn-share > button:focus,
.page-location .share-link .btn-share > button:hover,
.page-location .share-link .btn-share > button.on{background-color:#009688 !important;}

.page-location .share-link > button:focus .ic-share,
.page-location .share-link > button:hover .ic-share,
.page-location .share-link .btn-share > button:focus .ic-share,
.page-location .share-link .btn-share > button:hover .ic-share,
.page-location .share-link .btn-share > button.on .ic-share{background-position:-25px -50px !important;}
.page-location .share-link > button:focus .ic-print,
.page-location .share-link > button:hover .ic-print{background-position:-50px -50px !important;}

.page-location .share-link  #copyurl{position:absolute;top:0;left:0;width:1px;height:1px;margin:0;padding:0;border:0;visibility:hidden;}

.page-location .share-link  .sns-list{position:absolute;top:45px;right:-45px;z-index:1000;width:140px;border:1px solid #ddd;background:#fff;padding:15px;display:none;text-align:left;}
.page-location .share-link  .sns-list li{padding:7px 0}
.page-location .share-link  .sns-list li strong{font-weight:500;font-size:14px;vertical-align:middle;}
.page-location .share-link  .sns-list li .ics{vertical-align:middle;margin-right:3px;}
.page-location .share-link  .sns-list li a,
.page-location .share-link  .sns-list li button{text-decoration:none;}
.ics{display:inline-block;vertical-align:middle;background:url('../img/sub/ic-sns.png') 0 0 no-repeat;background-size:50px auto;}
.ics_facebook{width:20px;height:20px;background-position:0 0px;}
.ics_twitter{width:20px;height:20px;background-position:0 -25px;}
.ics_kakaotalk{width:20px;height:20px;background-position:0 -50px;}
.ics_naver{width:20px;height:20px;background-position:0 -75px;}
.ics_link{width:20px;height:20px;background-position:0 -100px;border-radius:5px}

.sub-content .page-top{margin:6rem 0 8rem;text-align:center;}
.sub-content .page-top .ptit-eng{color:#777;font-size:1.8rem;}/*231025 #999 컬러 변경*/
.sub-content .page-top .ptit{padding-top: 1rem;font-size:4rem;font-weight:800}

.sub-content  #content{position:relative;min-height:400px;padding:0px 0 20rem}
.sub-content  #content.pb0{padding-bottom: 0;}

.img-ptop{max-width:1200px;margin:0 auto}


.btn-top-move{position:fixed;bottom:0;width:100%;text-align:right;z-index:50;}
.btn-top-move .rwd{position:relative;width:1450px}
.btn-top-move button{background:transparent;background:#fff;border:1px solid #ddd;width:45px;height:45px;line-height:35px;border-radius:100%;margin:10px;position:absolute;bottom:0;right:0;}


.chart-rwd{width:100%;overflow-x:auto;margin-bottom:6rem;}
.chart-rwd table th,
.chart-rwd table td{white-space:nowrap;}

.chart{width:100%;border-collapse:collapse;}
.chart th, .chart td{border:1px solid #E0E1E1;padding:3rem;}
.chart th{background:#F8F8F8 !important;text-align:center;font-weight:700}


.pbg-center{border:1px solid #DDD;padding:4.5rem;text-align:center;color:#666;line-height:1.5em}

.section-intro .img{margin-bottom:4rem;}
.section-intro dl{font-size:1.65rem;text-align:center;margin-bottom:8rem;}
.section-intro dl dt{font-size:3rem;font-weight:800;padding:4.6rem 0 2.5rem;margin-top:4rem;background:url('../img/page/bullet1.png') center top no-repeat !important;;}
.section-intro dl .txt{line-height:1.7em;}

.ptitle:after{margin:6rem auto;content:"";display:block;width:1px;height:12rem;background:#707070 !important;;}
.ptitle .box{position:relative;padding:16.5rem 2rem;text-align:center;}
.ptitle .box:before{content:"";display:block;width:100%;height:3rem;background:url('../img/page/bg-wave.png') center 0 repeat-x !important;;position:absolute;bottom:0;left:0}


/* 준비중 */
.ready-box{padding:50px 0;text-align:center;}
.ready-box strong{display:inline-block;padding:10px 30px;margin-bottom:63px;;background:#D80A46;color:#fff;font-size:2.1rem;font-weight:500}
.ready-box .img {display:block;margin-bottom:50px;}

/* 인사말 */
.greeting-box{max-width:126rem}
.greeting-box .ptitle .box{background:url('../img/page/bg-greeting-title.png') center bottom no-repeat !important;;background-size:cover;}
.greeting-box .ptitle h3{margin-bottom:2.5rem;color:#3088EA !important;;font-size:10rem;letter-spacing:-0.02em;font-family:'BMKIRANGHAERANG', sans-serif !important;}
.greeting-box .ptitle h3 .clr1{color:#009688 !important;}
.greeting-box .ptitle h3 .clr2{color:#DF691B !important;}/*231025 이 라인 이후로 #FFC426 전체 컬러 변경*/
.greeting-box .ptitle h3 .clr3{color:#D25A9D !important;}
.greeting-box .ptitle p{line-height:1.8em;font-size:1.7rem;}
.greeting-box .img{margin-bottom:4rem;}
.greeting-box dl{font-size:1.65rem;text-align:center;margin-bottom:8rem;letter-spacing:-0.02em}
.greeting-box dl dt{font-size:3rem;font-weight:800;padding:5.3rem 0 2.5rem;margin-top:4rem;background:url('../img/page/icon-flw1.png') center top no-repeat !important;}
.greeting-box dl .txt{line-height:1.7em;}
.greeting-box dl.type2 dt{background-image:url('../img/page/icon-flw2.png') }

/* 기관소개 */
.about-us .ptitle .box{background:url('../img/page/bg-about.png') center bottom no-repeat !important;;background-size:cover;}
.about-us .ptitle .box{padding:10.5rem 8rem;text-align:left;font-size:4rem;font-weight:300}
.about-us .ptitle .box strong{display:block;font-weight:800;}

.about-us h4{margin-bottom:4rem;font-size:3rem;font-weight:800;text-align:center}
.about-us .ms-state dl{display:flex;align-items:center;margin-bottom:3rem;border-radius: 20px;border:1px solid #3088EA;padding:10rem 6rem 7rem}
.about-us .ms-state dl:before{flex-shrink:0;content:"";display:inline-block;width:13.3rem;height:15rem;background-image:url('../img/page/icon-about1.png')  !important;;background-position:center center;background-repeat:no-repeat;background-size:100% auto;}
.about-us .ms-state dl dt{max-width:21.7rem;padding:0 12rem 0 6rem;font-size:2rem;color:#3088EA;font-weight:700;white-space:nowrap}
.about-us .ms-state dl dd li{position:relative;line-height:1.8em;margin:.3rem 0;padding-left:15px;;}
.about-us .ms-state dl dd li:before{content:"";position:absolute;top:11px;left:0;display:inline-block;width:3px;height:3px;border-radius:100%;background:#3088EA  !important;;border:1px solid #3088EA  !important;;}
.about-us .ms-state dl:nth-child(2){border-color:#D25A9D  !important;}
.about-us .ms-state dl:nth-child(2):before{background-image:url('../img/page/icon-about2.png')  !important; ;}
.about-us .ms-state dl:nth-child(2) dt{color:#D25A9D  !important;}
.about-us .ms-state dl:nth-child(2) dd li:before{background-color:#D25A9D  !important;;border-color:#D25A9D  !important;}
.about-us .ms-state dl:nth-child(3){border-color:#09AA5C !important;}
.about-us .ms-state dl:nth-child(3):before{background-image:url('../img/page/icon-about3.png')  !important;}
.about-us .ms-state dl:nth-child(3) dt{color:#09AA5C  !important;}/*231025 이 라인 이후로 #80C749 전체 컬러 변경*/
.about-us .ms-state dl:nth-child(3) dd li:before{background-color:#09AA5C  !important;border-color:#09AA5C  !important;}


/* 연혁 */
.history-box{position:relative;}
.history-block{display:flex;align-item:center}
.history-block dl:before{content:"";display:block;background:#DDD !important;;width:1px;height:100%;position:absolute;top:0;left:2.3rem}
.history-block .img{flex-shrink:0;display:block;width:30rem;height:16rem;margin-right:7rem;background-size:cover;border-radius:15px;position:relative;top:-5.7rem;}
.history-block:nth-child(1) .img{background:url('../img/page/img-year_img1.png') !important;}
.history-block:nth-child(2) .img{background:url('../img/page/img-year_img2.png') !important;}
.history-block:nth-child(3) .img{background:url('../img/page/img-year_img3.png') !important;}
.history-block:nth-child(4) .img{background:url('../img/page/img-year_img4.png') !important;}
.history-block:nth-child(5) .img{background:url('../img/page/img-year_img5.png') !important;}
.history-block:nth-child(6) .img{background:url('../img/page/img-year_img6.png') !important;}

.history-block dl{position:relative;display:flex;align-items: flex-start;padding-bottom:14.3rem;}
.history-block dl dt{display:flex;align-items: flex-stahistory-blockt;flex-shrink:0;width:31rem;font-size:6rem;font-weight:400;font-family:'BMKIRANGHAERANG', sans-serif !important;position:relative;z-index:15}
.history-block dl dt .this{display:flex;justify-content:center;align-items:center;width:45px;height:45px;padding:15px;border-radius:100%;margin-right: 7rem;background:#fff !important;;}
.history-block dl dt .this span{flex-shrink:0;display:block;width:15px;height:15px;border-radius:100%;vertical-align:top}
.history-block dl dt .year{display:inline-block;line-height:1em;margin-top:-1rem;}


.history-block dl dd .item-group{display:flex;margin-left:7rem;}
.history-block dl dd .item-group > strong{margin-right:4rem;font-size:2rem;}
.history-block dl dd .item-group > ul li{margin-bottom:1.5rem;line-height:1.5em;font-weight:600;font-size:1.65rem;letter-spacing: -1px;}

.history-block:nth-child(1){padding-top:5.8rem;}
.history-block:nth-child(1) dt .this{border:1px solid #009688 !important;;}
.history-block:nth-child(1) dt .this span{background:#009688 !important;;}
.history-block:nth-child(1) dt,
.history-block:nth-child(1) dd .item-group > strong {color:#009688 !important;}

.history-block:nth-child(2) dt .this{border:1px solid #999900 !important;;} /*231026 이 라인 이후로 #FB8D1 6 전체 컬러 변경*/
.history-block:nth-child(2) dt .this span{background:#999900 !important;;}
.history-block:nth-child(2) dt,
.history-block:nth-child(2) dd .item-group > strong {color:#999900 !important;}

.history-block:nth-child(3) dt .this{border:1px solid #D25A9D !important;;}
.history-block:nth-child(3) dt .this span{background:#D25A9D !important;;}
.history-block:nth-child(3) dt,
.history-block:nth-child(3) dd .item-group > strong {color:#D25A9D !important;}

.history-block:nth-child(4) dt .this{border:1px solid #3088EA !important;;}
.history-block:nth-child(4) dt .this span{background:#3088EA !important;;}
.history-block:nth-child(4) dt,
.history-block:nth-child(4) dd .item-group > strong {color:#3088EA !important;}


.history-block:nth-child(5) dt .this{border:1px solid #DF691B !important;;}
.history-block:nth-child(5) dt .this span{background:#DF691B !important;;}
.history-block:nth-child(5) dt,
.history-block:nth-child(5) dd .item-group > strong {color:#DF691B !important;}


.history-block:nth-child(6) dt .this{border:1px solid #09AA5C !important;;}
.history-block:nth-child(6) dt .this span{background:#09AA5C !important;;}
.history-block:nth-child(6) dt,
.history-block:nth-child(6) dd .item-group > strong {color:#09AA5C !important;}

.history-block:last-child dl:before{display:none}

/* 조직도 */
.org-box{position:relative;text-align:center}
.org-box:before{content:"";display:block;height:100%;width:1px;margin:0 auto;border-left:1px dashed #B0B0B0 !important;;position:absolute;top:0;left:50%;z-index:0}

.org-box .org1 span{display:inline-block;background:#009688 !important;;color:#fff !important;;font-size:2rem;width:26rem;padding:2.8rem;border-radius:40px;text-align:center;font-weight:500;position:relative;z-index:1}
.org-box .org2{position:relative;z-index:1;border-bottom:1px dashed #B0B0B0 !important;}
.org-box .org2:before{content:"";display:inline-block;width:12.5%;height:4px;background:#fff !important;;position:absolute;bottom:-3px;left:0}
.org-box .org2:after{content:"";display:inline-block;width:12.5%;height:4px;background:#fff !important;;position:absolute;bottom:-3px;right:0}

.org-box .org2 ul{position:relative;display:inline-block;}
.org-box .org2 li{margin-bottom:8rem;}
.org-box .org2 li span{display:inline-block;background:#009688 !important;;color:#fff !important;;font-size:2rem;width:26rem;padding:2.8rem;border-radius:40px;text-align:center;}
.org-box .org2 li:nth-child(1) span{background:#fff !important;;border:1px solid #009688 !important;;color:#009688 !important;}
.org-box .org2 li:nth-child(2) span{background:#3088EA !important;;}
.org-box .org2 li:nth-child(3) span{background:#D25A9D !important;;}/*231026 #3088EA 색상 변경*/

.org-box .org2 li:nth-child(1){position:relative;left:245px;margin:4rem 0;}
.org-box .org2 li:nth-child(1):before{content:"";display:inline-block;height:1px;width:230px;margin:0 auto;border-top:1px dashed #B0B0B0 !important;}

.org-box .org3{position:relative;display:flex;justify-content:space-between;background:#fff !important;;}

.org-box .org3 .dptm{position:relative;width:25%}
.org-box .org3 .dptm:before{content:"";display:inline-block;height:8rem;width:1px;margin:0 auto;border-right:1px dashed #B0B0B0}
.org-box .org3 .dptm > div{width:29.5rem;min-height:32rem;margin:0 auto;padding:3rem;border-radius:20px;background:#fff !important;border:1px solid #3088EA;position:relative;top:-10px}/*231026 #009688 색상 변경*/
.org-box .org3 .dptm > div strong{display:block;padding-bottom:2rem;margin-bottom:2rem;border-bottom:1px solid #DDD;font-size:2rem}
.org-box .org3 .dptm > div ul{text-align:left}
.org-box .org3 .dptm > div ul li{margin-bottom:1.2rem;position:relative;padding-left:15px;}
.org-box .org3 .dptm > div ul li:before{content:"";display:block;width:5px;height:5px;position:absolute;top:.7rem;left:0;background:#009688;border-radius:100%;}


.org-box .org3 .dptm1 strong{color:#3088EA}/*231026 #009688 색상 변경*/
.org-box .org3 .dptm1 li:before{background:#3088EA !important;}/*231026 #009688 색상 변경*/

.org-box .org3 .dptm2{border:1px solid #999900 !important; }
.org-box .org3 .dptm2 strong{color:#999900}
.org-box .org3 .dptm2 li:before{background:#999900 !important;}

.org-box .org3 .dptm3{border:1px solid #D25A9D !important; }
.org-box .org3 .dptm3 strong{color:#D25A9D}
.org-box .org3 .dptm3 li:before{background:#D25A9D !important;}

.org-box .org3 .dptm4{border:1px solid #09AA5C !important; }
.org-box .org3 .dptm4 strong{color:#09AA5C}
.org-box .org3 .dptm4 li:before{background:#09AA5C !important;}



/* 오시는길 */
.cantactus-box .map-road{background:#D9D9D9;padding:19.85%;margin-bottom: 6rem;}

.traffic-info dl{margin-bottom:6rem;}
.traffic-info dl dt{margin-bottom: 1.8rem;font-size:2rem;font-weight:800}
.traffic-info dl dd ul {margin-bottom: 1.5rem;}
.traffic-info dl dd ul li{display:inline-block;margin-right:2rem;}
.traffic-info dl dd ul li strong{display:inline-block;padding:.5rem 1.5rem;margin-right:1rem;border-radius:50px;background:#0671DC !important;;color:#fff !important;}
.traffic-info dl dd ul .bar:before{content:"";display:inline-block;background:#D9D9DF !important;;width:1px;height:15px;vertical-align:middle;margin-right: 2rem;}
.traffic-info.subway-info ul li strong{background:#09AA5C !important;;}

.traffic-info{display:flex;}
.traffic-info:before{content:"";display:inline-block;width:80px;height:80px;margin-right: 3rem;flex-shrink:0}

.traffic-info.bus-info:before{background-image:url('../img/page/icon-bus.png') !important;;}
.traffic-info.subway-info:before{background-image:url('../img/page/icon-subway.png') !important;;}

/* 조합원가입안내 */
.membership-step{margin-bottom:8rem;}
.membership-step ul{display:flex;justify-content:space-between;padding:0 6.5rem}
.membership-step ul li{text-align:center;line-height:1.5em}
.membership-step ul li .tit{display:block;margin-bottom:.5rem;font-size:2rem;font-weight:700;color:#09AA5C}
.membership-step ul li strong{font-weight:700}
.membership-step ul li .next{content:"";display:block;width:14px;height:22px;margin:6.5rem 1rem 0;background-image:url('../img/page/arrow.png') !important; background-position:center center;background-repeat:no-repeat;}

.membership-step ul li .img{display:inline-block;width:133px;height:150px;margin-bottom: 1.5rem;background-image:url('../img/page/join-step1.png') !important; background-position:center center;background-repeat:no-repeat;}
.membership-step ul li:nth-child(3) .img{background-image:url('../img/page/join-step2.png') !important; }
.membership-step ul li:nth-child(5) .img{background-image:url('../img/page/join-step3.png') !important;}
.membership-step ul li:nth-child(7) .img{background-image:url('../img/page/join-step4.png') !important; }
.membership-step ul li:nth-child(9) .img{background-image:url('../img/page/join-step5.png') !important;}

.membership-step ul li:nth-child(3) .tit{color:#999900}
.membership-step ul li:nth-child(5) .tit{color:#D25A9D}
.membership-step ul li:nth-child(7) .tit{color:#3088EA}
.membership-step ul li:nth-child(9) .tit{color:#DF691B}

.membership-info dl{display:flex;border:1px solid #E0E1E1;border-radius:50px;margin-bottom: 10rem;}
.membership-info dt{padding:3rem 4.8rem;background:#F8F8F8;border-radius:50px 0 0 50px;}
.membership-info dd{padding:3rem;}

.btn-download{text-align:center}
.btn-download a{display:inline-block;background:#009688 !important;color:#fff !important; border-radius:40px;font-size:2rem;font-weight:700;padding:2.8rem 3.5rem}

/* 주요사업 */
.pbg-st{border-radius:90px;padding:4.3rem 2rem;text-align:center;margin-bottom: 3rem;}
.pbg-st dt{margin-bottom:1rem;font-size:3rem;}
.pbg-st dd{font-size:2rem;}

.pbg-st1{background:#EEFCF8 !important;}
.pbg-st1 dt{color:#009688 !important;}

.pbg-st2{background:#F0F9FF !important;}
.pbg-st2 dt{color:#3088EA !important;}

.img-section{margin:6rem 0}

.activity-info{text-align:center;margin-top:6rem;}
.activity-info:before{content:"";display:block;width:1px;height:121px;background:#707070 !important;margin:0 auto;}
.activity-info dt{padding:6rem 0;font-size:3rem;font-weight:800}
.activity-info .photo-list{display:flex;flex-wrap:wrap;justify-content:space-between}
.activity-info .photo-list li{width:33.3%;padding-left:1rem;padding-right: 1rem;margin-bottom:6rem;}

.activity-info .photo-list li .img{position:relative;display:block;max-width:30rem;max-height:20.rem;margin:0 auto}
.activity-info .photo-list li .img img{border-radius:15px;}
.activity-info .photo-list li .img:after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:10px;box-sizing: border-box; }
.activity-info .photo-list li .tit{display:block;padding:2.5rem 0 1rem;font-size:2rem;font-weight:700}
.activity-info .photo-list li .txt{line-height:1.7em;}
.activity-info .photo-list li:nth-child(1) .img:after{border:3px solid #009688}
.activity-info .photo-list li:nth-child(2) .img:after{border:3px solid #999900}
.activity-info .photo-list li:nth-child(3) .img:after{border:3px solid #D25A9D}
.activity-info .photo-list li:nth-child(4) .img:after{border:3px solid #3088EA}
.activity-info .photo-list li:nth-child(5) .img:after{border:3px solid #DF691B}
.activity-info .photo-list li:nth-child(6) .img:after{border:3px solid #09AA5C}

.activity-info .photo-list li:nth-child(1) .tit{color:#009688 !important}
.activity-info .photo-list li:nth-child(2) .tit{color:#999900 !important}
.activity-info .photo-list li:nth-child(3) .tit{color:#D25A9D !important}
.activity-info .photo-list li:nth-child(4) .tit{color:#3088EA !important}
.activity-info .photo-list li:nth-child(5) .tit{color:#DF691B !important}
.activity-info .photo-list li:nth-child(6) .tit{color:#09AA5C !important}



.operate-list{display:flex;flex-wrap:wrap;justify-content:space-between}
.operate-list li{position:relative;width:31.1%;margin:0 1.1%;border-radius:20px;}
.operate-list li .bx{min-height:30rem;padding:3.5rem 3rem;}
.operate-list li .tit{display:block;padding:0 0 2rem;font-size:2rem;border-bottom:1px solid #DDD;}
.operate-list li .txt{display:block;padding-top: 2.5rem;letter-spacing: -1.5px;line-height:1.7em}
.operate-list li:nth-child(1){border:1px solid #009688}
.operate-list li:nth-child(2){border:1px solid #999900}
.operate-list li:nth-child(3){border:1px solid #D25A9D}

.operate-list li:nth-child(1) .tit{color:#009688 !important}
.operate-list li:nth-child(2) .tit{color:#999900 !important}
.operate-list li:nth-child(3) .tit{color:#D25A9D !important}

/* 태평마을 지도 */
.village-map-box .village-top{position:relative;margin-bottom: 6rem;padding:18rem 0rem 8rem;background:url('../img/page/bg-village.png')  center 0 no-repeat !important;text-align:center}
.village-map-box .village-top:after{content:"";display:block;width:100%;height:3rem;background:url('../img/page/bg-wave.png') center 0 repeat-x !important;position:absolute;bottom:0;left:0}
.village-map-box .village-top .story-info{position:relative;z-index:5;display:inline-block;padding:0 2rem}
.village-map-box .village-top .story-info h3{position:relative;font-size:10rem;line-height:1em;font-family:'BMKIRANGHAERANG', sans-serif !important;color:#3088EA !important}
.village-map-box .village-top .story-info h3 .clr1{color:#DF691B !important}
.village-map-box .village-top .story-info h3 .clr2{color:#D25A9D !important}
.village-map-box .village-top .story-info h3 .clr3{color:#009688 !important}
.village-map-box .village-top .story-info p{display:block;padding:2rem 0 4rem;line-height:1.8em}


.village-map-box .village-top .story-info,
.village-map-box .village-top .story-info .clr1,
.village-map-box .village-top .story-info .clr,
.village-map-box .village-top .story-info .cont,
.village-map-box .village-top .story-info .sct2{display:inline-block;position:relative;}
.village-map-box .village-top .story-info .clr .sct1{content:"";display:block;width:86px;height:59px;position:absolute;top:-43px;left:-59px;background:url('../img/main/icon-sct1.png') center top no-repeat !important;background-size:86px auto !important;animation:bounce1 2s linear infinite;}
.village-map-box .village-top .story-info .clr:before{content:"";display:block;width:114px;height:99px;position:absolute;top:-90px;right:-40px;background:url('../img/main/icon-sct2.png') center top no-repeat !important;background-size:114px auto !important;animation:bounce1 3s linear infinite;}
.village-map-box .village-top .story-info .clr:after{content:"";display:block;width:37px;height:36px;position:absolute;bottom:0px;right:-40px;background:url('../img/main/icon-sct4.png') center top no-repeat !important;background-size:37px auto !important;}
.village-map-box .village-top .story-info .clr1:before{content:"";display:block;width:131px;height:64px;position:absolute;top:-15px;left:-141px;background:url('../img/main/icon-sct5.png') center top no-repeat !important;background-size:131px auto !important;}
.village-map-box .village-top .story-info .cont:after{content:"";display:block;width:64px;height:51px;position:absolute;bottom:-10px;right:-150px;background:url('../img/main/icon-sct7.png') center top no-repeat !important;background-size:64px auto !important;}
.village-map-box .village-top .story-info .cont:before{content:"";display:block;width:47px;height:39px;position:absolute;top:-20px;left:-59px;background:url('../img/main/icon-sct3.png') center top no-repeat !important;background-size:47px auto !important;}
.village-map-box .village-top .story-info:after{content:"";display:block;width:93px;height:47px;position:absolute;bottom:70px;right:-50px;background:url('../img/main/icon-sct6.png') center top no-repeat !important;background-size:93px auto !important;}


.village-map-box .section-intro:before{content:"";display:block;width:1px;height:121px;background:#707070 !important;margin:0 auto;}
.village-map-box .section-intro .img-list {margin:6rem 0;}
.village-map-box .section-intro .img-list ul{display:flex;margin-bottom:3rem;}
.village-map-box .section-intro .img-list ul li{margin-right:3rem;}
.village-map-box .section-intro .img-list ul:nth-child(2){justify-content:flex-end}
.village-map-box .section-intro .img-list ul:nth-child(2) li{margin-right:0;margin-left:3rem;}
.village-map-box .section-intro .img-list ul .img{position:relative;display:block;border-radius:80px;margin-bottom: 0;overflow:hidden;}
.village-map-box .section-intro .img-list ul .img:after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:80px;box-sizing:border-box}

.village-map-box .section-intro .img-list ul:nth-child(1) li:nth-child(1) .img:after{border:3px solid #009688;}
.village-map-box .section-intro .img-list ul:nth-child(1) li:nth-child(2) .img:after{border:3px solid #999900;}
.village-map-box .section-intro .img-list ul:nth-child(1) li:nth-child(3) .img:after{border:3px solid #D25A9D;}

.village-map-box .section-intro .img-list ul:nth-child(2) li:nth-child(1) .img:after{border:3px solid #3088EA;}
.village-map-box .section-intro .img-list ul:nth-child(2) li:nth-child(2) .img:after{border:3px solid #DF691B;}
.village-map-box .section-intro .img-list ul:nth-child(2) li:nth-child(3) .img:after{border:3px solid #09AA5C;}

.village-map {margin-bottom:10rem;}
.village-map li{margin-bottom:4rem;}

/* 공간대여 */
.space-box .space-top{display:flex;align-items:center;margin-bottom: 6rem;}
.space-box .space-top .img{flex-shrink:0}
.space-box .space-top .cont{padding-left:7.4rem;}
.space-box .space-top .cont .tit{display:block;font-size:6rem;font-weight:400;margin-bottom:2rem;font-family:'BMKIRANGHAERANG', sans-serif !important;color:#009688 !important}
.space-box .space-top .cont .tit .clr1{color:#999900 !important}
.space-box .space-top .cont .tit .clr2{color:#D25A9D !important}
.space-box .space-top .cont .tit .clr3{color:#3088EA !important}
.space-box .space-top .cont p{line-height:1.7em;font-weight: 400;font-size:1.8rem;}

.space-box .space-smy:before{content:"";display:block;width:1px;height:121px;background:#707070 !important;margin:0 auto 6rem;}
.space-box .space-smy ul{display:flex;justify-content:space-between;margin-bottom: 6rem;}
.space-box .space-smy ul li{display:flex;align-items:center}
.space-box .space-smy ul li .img{flex-shrink:0;display:block;width:18rem;height:18rem;border:4px solid #09AA5C !important;border-radius:100%;}
.space-box .space-smy ul li .cont{padding-left:3rem;}
.space-box .space-smy ul li .cont strong{display:block;font-size:2rem;margin-bottom:.8rem;}
.space-box .space-smy ul li .cont .txt{display:block;min-height:4rem;margin-bottom: .8rem;line-height:1.7em;}
.space-box .space-smy ul li .cont .num{display:inline-block;min-width:9rem;padding:.7rem 1rem .4rem;border-radius: 50px;background:#09AA5C !important;color:#fff !important;text-align:center}

.space-box .space-smy ul li:nth-child(2) .img{border-color:#999900 !important}
.space-box .space-smy ul li:nth-child(3) .img{border-color:#D25A9D !important}

.space-box .space-smy ul li:nth-child(2) strong{color:#999900 !important}
.space-box .space-smy ul li:nth-child(3) strong{color:#D25A9D !important}

.space-box .space-smy ul li:nth-child(2) .num{background-color:#999900 !important}
.space-box .space-smy ul li:nth-child(3) .num{background-color:#D25A9D !important}


.space-list{margin-top:8rem;}
.space-list .item{display:flex;margin-bottom: 6rem;}
.space-list .item .img-box{display:block;flex-shrink:0;overflow:hidden;}
.space-list .item .img{display:block;position:relative;width:600px;height:350px;}
.space-list .item .img button{position:absolute;z-index:3;bottom:2rem;right:2rem;width:55px;height:55px;opacity:0;border-radius: 5px;background:#ececeb url('../img/page/ic-zoom.png') center center no-repeat !important;}
.space-list .item .img .cover{display:none;position:absolute;top:0;left:0;width:100%;height:100%;border-radius: 15px;background: rgba(0, 0, 0, 0.50);}
.space-list .item .img button:focus~ .cover,
.space-list .item .img:hover .cover{display:block;}
.space-list .item .img button:focus,
.space-list .item .img:hover button{opacity:1;}
.space-list .item dl{margin-left:4rem;width:50%}
.space-list .item dl dt{font-size:2.4rem;font-weight:700;padding-bottom:1.5rem;border-bottom:1px solid #DDD }
.space-list .item dl dd{padding-top:3rem;}
.space-list .item dl dd ul li{display:flex;margin-bottom: 2rem;align-items:flex-start}
.space-list .item dl dd ul li strong{display:inline-block;width:16.5rem;padding-left:2.2rem;font-weight:700}
.space-list .item dl dd ul li strong.ic-time{background:url('../img/page/ic-time.png') 0 center no-repeat !important;}
.space-list .item dl dd ul li strong.ic-num{background:url('../img/page/ic-usergroup.png') 0 center no-repeat !important; }
.space-list .item dl dd ul li strong.ic-note{background:url('../img/page/ic-root-list.png') 0 center no-repeat !important;}
.space-list .item dl dd ul li strong.ic-pay{background:url('../img/page/ic-creditcard.png') 0 center no-repeat !important;}
.space-list .item dl dd ul li strong.ic-eqp{background:url('../img/page/ic-desktop.png') 0 center no-repeat !important;}
.space-list .item dl dd ul li .txt{display:block;}
.space-list .item dl dd .btn-apply{display:inline-block;width:18rem;height:5rem;color:#fff !important;background:#009688 !important;border-radius:40px;text-align:center;line-height:5rem}


/* 원데이클래스 */

.icb{display:inline-block;background-image:url('../img/page/bg-bbs-icon.png') ;background-repeat:no-repeat;vertical-align:middle;}
.icb_file{width:15px;height:19px;background-position:0 0px;}
.icb_add_line{width:25px;height:25px;background-position:0 -50px;}
.icb_cal{width:20px;height:20px;background-position:0 -100px;}

.selectbox {display:inline-block;position:relative;min-width:157px;height:48px;border:1px solid #e3e3e3; z-index: 1;vertical-align:middle;margin-right:9px;}
.selectbox:before {content:"";position:absolute;top:45%;right:10px; width:14px; height:7px;background:transparent url('../img/page/bg-bbs-icon.png') 0px -150px no-repeat;}
.selectbox label {position:absolute;top:0px;left:0px;display:inline-block;min-width:157px;height:48px;line-height:48px;vertical-align:middle;padding:0px 10px; color: #646464; z-index: -1;text-align:left;font-weight:400;font-size:1.65rem}
.selectbox select {position:relative;top:0;width:100%;height:48px;line-height:normal;font-family: inherit;padding:0em 10px;border: 0;opacity: 0;filter:alpha(opacity=0);-webkit-appearance: none;-moz-appearance: none; appearance: none;font-size:1.65rem}



.news_list{padding-top:10px;border-top:2px solid #333333}
.news_list ul{;margin-bottom:25px;}
.news_list li{display:flex;width:100%;border-bottom:1px solid #dddddd;padding:20px 0;align-items:center}
.news_list li .tb_info{display:flex;}
.news_list li .tb_img{flex-shrink:0;max-width:158px;vertical-align:middle;}
.news_list li .tb_img .img{display:block;width:158px;height:208px;overflow:hidden;border:1px solid #dddddd;background:#f5f5f5 url('../img/common/thum_logo.png') center center no-repeat;background-size:50% auto;}
.news_list li .tb_img .img img{vertical-align:middle;width:100%;height:100% !important}
.news_list li .tb_cont{padding-right:2rem;}
.news_list li .cont{display:block;padding:0 30px;}

.news_list li .cont .ctg{display:block;color:#0072bc;font-size:1.65rem;}
.news_list li .cont .tit{display:block;padding:10px 0;font-size:1.8rem;font-weight:500}
.news_list li .cont .date{display:block;margin-bottom:10px;;font-size:1.65rem;color:#666}
.news_list li .cont .date2{font-size:1.65rem;}
.news_list li .cont .date2 strong{font-weight:500}
.news_list li .cont .date2 span{display:inline-block;margin-left:20px;font-weight:400}
.news_list li .tb_btn{margin-left:auto;white-space:nowrap;padding:0 1rem}
.news_list li .tb_btn .btn01{font-size:1.65rem;min-width:120px;}
.news_list li .btn_link{vertical-align:middle;}
.news_list li .btn_link a{display:block;}
.news_list li.empty{text-align:center;padding:50px 0;width:100%;display:block;}

.btn_add_line button{color:#009688;}
.btn_add_line button .icb{margin-right:10px;}
.btn02{display:inline-block;padding:0 20px  !important;min-width:37px;min-height:45px;line-height:45px;text-align:center;background:#de6e6c !important;border:1px solid #de6e6c  !important;color:#fff;box-sizing:border-box}


#bsn_box .dday{background:#0072bc;color:#fff;font-size:1.6rem;display:inline-block;min-width:45px;padding:4px 5px 5px;margin-bottom:10px;line-height:1em;text-align:center}
#bsn_box .dday.end{background:#b0b0b0;}
#bsn_box .dday.rdy{background:#077d4e;}

.bsn_view .tit{margin-bottom:20px;}
.bsn_view .tit strong{margin-left:10px;font-size:1.8rem;font-weight:500}

.bsn_view .bsn_info{position:relative;margin-bottom:30px;}
.bsn_view .bsn_info > .img{position:absolute;top:0;left:0;width:220px;height:280px;background:#f5f5f5 url('../img/common/thumb-logo.png') center center no-repeat;background-size:50% auto;}
.bsn_view .bsn_info > .img img{width:100%;height:100% !important;}
.bsn_view .bsn_info > .img button{position:absolute;bottom:0;right:0;width:40px;height:40px;background-color: rgba( 0, 0, 0, 0.5);}
.bsn_view .bsn_info > .img button .btn-zoom{display:inline-block;width:20px;height:20px;background:url('../img/page/bg-bbs-icon.png') -100px 0 no-repeat;}
.bsn_view .bsn_info .info{margin-left:234px;;padding:20px 0;min-height:280px;border-top:2px solid #666666;border-bottom:1px solid #d0d0d0}
.bsn_view .bsn_info .info dl{display:table;width:100%;position:relative;padding:4px 0}
.bsn_view .bsn_info .info dl dt{display:table-cell;width:130px;padding-left:20px;;font-weight:500}
.bsn_view .bsn_info .info dl dd{;color:#555555}
.bsn_view  .tit02{margin-bottom:20px;}

.bsn_view  .bsn_btn{text-align:center;margin-bottom:60px;}
.bsn_view  .bsn_content{color:#555555;line-height:1.7em;font-size:1.6rem}

.bigImgWrap{display:none;position:fixed;top:0;left:0;z-index:5000;width:100%;height:100%;background-color: rgba( 0, 0, 0, 0.5);text-align:center;}
.bigImgWrap .bigImg{position:relative;text-align:center;padding:100px 50px;max-width:90%;max-height:100%;margin:0 auto;}
.bigImgWrap .bigImg .img{height:100%;overflow-y:auto;width:auto;text-align:right;}
.bigImgWrap .bigImg .img img{max-width:95%}
.bigImgWrap .imgTag{position:relative;height:100%;}
.bigImgWrap .bigImg .bigImgClose{position:absolute;top:-60px;right:0px;width:50px;height:50px}
.bigImgWrap .bigImg .bigImgClose::before {content:''; display:block; width:50px; height:2px; margin-bottom:8px; background:#fff;  margin-bottom:8px; transform:translateY(10px) rotate(-45deg); -webkit-transform:translateY(10px) rotate(-45deg);transition:all .4s}
.bigImgWrap .bigImg .bigImgClose::after {content:''; display:block; width:50px; height:2px; margin-top:8px; background:#fff; transform : translateY(-0px) rotate(45deg); -webkit-transform:translateY(-0px) rotate(45deg);transition:all .4s}



.file_list_box{margin-top:35px;;border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;background:#f7f7f7;}
.file_list_box dl{position:relative;}
.file_list_box dt{position:absolute;top:25px;left:0;width:124px;color:#000;text-align:center;font-weight:500}
.file_list_box dd{margin-left:126px;;background:#fff;border-left:1px solid #dcdcdc}
.file_list_box dd ul{padding:20px 25px;}
.file_list_box dd ul li{padding:6px 0;}
.file_list_box dd ul li a{display:block;color:#0089d0;font-size:1.65rem}



.bbs_write .bbs_info_box{margin-bottom:55px;}
.bbs_write .bbs_input_box{border-top:2px solid #000;margin-top:-10px;}
.bbs_write .bbs_input_box dl{display:flex;width:100%;position:relative;background:#fff;;border-bottom:1px solid #dddddd}
.bbs_write .bbs_input_box dl dt{flex-shrink:0;min-width:195px;color:#000000;font-size:1.65rem;background:#f8f8f8;display:flex;align-items:center}
.bbs_write .bbs_input_box dl dt strong{display:block;padding:0 30px;font-weight:500;}
.bbs_write .bbs_input_box dl dt .input{font-weight:400}
.bbs_write .bbs_input_box dl dd{display:table-cell;padding:13px 30px;background:#fff;border-left:1px solid #dddddd;width:100%;}
.bbs_write .bbs_input_box dl dd .wb{word-break: break-all;}
.bbs_write .bbs_input_box dl.new{position:relative;}
.bbs_write .bbs_input_box dl.new dt{width:195px;}
.bbs_write .bbs_input_box dl.new button{position:absolute;top:25px;right:3px;}
.bbs_write .inp_content{min-height:300px;vertical-align:middle;padding:20px;border:1px solid #dddddd;}
.bbs_write .inp_content textarea{padding:0;width:100%;height:100%;border:none;margin-top:0;}

.cal_box{width:100%;}
.cal_box .cal{position:relative;display:inline-block;width:159px;border:1px solid #dddddd;vertical-align:middle;}
.cal_box .cal input{width:75%;height:43px;margin-right:50px;text-indent:20px}
.cal_box .cal select{height:45px;text-indent:20px;width:100%;}
.cal_box .cal .input-group-addon{position:absolute;top:13px;right:10px;padding:0;background:none;width:20px;}
.cal_box .selectbox{height:45px;vertical-align:middle;}
.cal_box .selectbox select{height:45px;}
.cal_box input{border:none;padding:0;}
.cal_box select{border:none}


#bsn_box .bbs_write .attached-document > li{width:100%;}
#bsn_box .bbs_write .attached-document > li .document-name{text-align:left}
#bsn_box .bbs_write .attached-document > li .document-name span{margin-right:5px;font-size:1.4rem;}


.btn01{display:inline-block;padding:0 20px;min-width:38px;min-height:38px;line-height:38px;text-align:center;border:1px solid #e3e3e3;box-sizing:border-box}
.btn02{display:inline-block;padding:0 20px  !important;min-width:37px;min-height:45px;line-height:45px;text-align:center;background:#de6e6c !important;border:1px solid #de6e6c  !important;color:#fff;box-sizing:border-box;white-space:nowrap}
.btn03{display:inline-block;padding:0 20px  !important;min-width:37px;min-height:45px;line-height:45px;text-align:center;background:#3777bc !important;border:1px solid #3777bc  !important;color:#fff;box-sizing:border-box}
button.btn03{padding:0 0px  !important;}
.btn03:hover{color:#fff}
.btn04{display:inline-block;padding:0 20px  !important;min-width:37px;min-height:45px;line-height:45px;text-align:center;background:#fff !important;border:1px solid #00a651  !important;color:#00a651;box-sizing:border-box}
.btn04:hover{color:#00a651}


@media screen and (max-width:1470px) {

.btn-top-move .rwd{position:relative;width:100%}

}



@media screen and (max-width:1290px) {
#web-header .header h1{left:20px;}

footer .footer .f-left{left:1rem;}
footer .footer .f-right{right:1rem;}

.rwd{width:100%;padding-left:2rem;padding-right:2rem;}


.msection1 ul li{min-width:23%;margin-left:1%;margin-right:1%;}
.msection4 .notice-list{margin-left:0;margin-right:0;}
.msection4 .pskip-link ul{margin:0 -1%}
.msection4 .pskip-link ul li{margin:0 1%;width:48%;}

.msection3 h3:before{top:-4rem;left:-1%;}
.msection3 h3:after{top:-4rem;right:-2%;}

.msection3 .txt:after{right:-15rem;}
.msection3 .icn-more:before{bottom:-8rem;left:-158px}
.msection3 .icn-more:after{bottom:-6rem;right:-150px}
.msection3 .gallery-msection:before{left:1%;}
.msection3 .gallery-msection:after{right:-20px;}

/* 조직도 */
.org-box .org3 .dptm > div{width:94%;min-height:35rem;margin:0 3%}

/* 공간대여 */
.space-box .space-top .img{width:50%}
.space-box .space-top .img{width:40%}
}

@media screen and (max-width:1280px) {

.bg-wide{margin-left:-20px;margin-right:-20px;padding-left:20px;padding-right:20px;}


#web-header .nav-right{right:2rem;}
#web-header nav .nav-box > ul > li > a{padding:0 2.5rem;}

footer .footer .f-right{width:23rem}

.sub-location .depth02 ul{margin:0 2rem;padding:0 2rem}
.sub-content{padding-left:2rem;padding-right:2rem;}


/* 연혁 */
.history-block dl dt{width:25rem;}
.history-block dl dt .this{margin-right:3rem;}
.history-block dl dd .item-group{margin-left:0;}

/* 조직도 */
.org-box .org2 li:nth-child(1){left:180px}
.org-box .org2 li:nth-child(1):before{width:100px;}

/* 주요사업 */
.activity-info .photo-list li{width:50%;text-align:center}
.activity-info .photo-list li .txt .br{display:block;}

/* 태평마을지도 */
.village-map-box .village-top .story-info .cont .br{display:block !important;}

/* 공간대여 */

.space-list .item .img-box{width:50%;height:auto;}
.space-list .item .img-box .img{width:100%;height:auto}
/* 공간대여 */
.space-box .space-smy ul li .img{width:14rem;height:14rem;}
.space-box .space-smy ul li .cont{padding-right:2rem;padding-left:2rem;}
}

@media screen and (max-width:1050px) {

#web-header nav .nav-box > ul > li > a{padding:0 2rem;}

}

@media screen and (max-width:980px) {
.br {display:inline !important}
html, body{font-size:9px;}
.hidden-xs, .hidden-sm{display:block !important;font-size:0;}

#web-header .header h1{position:relative;text-align:center;top:1rem;left:0}
#web-header .header h1 img{width:100px}
#web-header .nav-right{top:1.5rem}
#web-header nav {padding:0rem;top:-2rem}
#web-header nav .nav-box > ul{justify-content: space-between;padding:0}


.msection1 ul{flex-wrap:wrap;margin:0 -1%}
.msection1 ul li{flex:0;min-width:48%;margin:1% 1%}

.msection2 .story-info h3{font-size:8rem}



.msection2 .top-bg-left{padding-top:31%;border-radius:0 0 40px 0}
.msection2 .top-bg-right{;padding-top:36.3%;border-radius:0 0 0 40px}
.msection2 .bottom-bg-left{bottom:0;padding-top:36.3%;border-radius:0 40px 0 0}
.msection2 .bottom-bg-right{padding-top:31%;border-radius:40px 0 0 0}


/* 기관소개 */
.about-us .ms-state dl{padding:5rem 3rem 4rem}
.about-us .ms-state dl dt{padding:0 6rem 0 3rem}

/* 오시는길 */
.cantactus-box .map-road{padding-top: 40%;}
.traffic-info dl dd ul .bar{margin-top:1rem;}
.traffic-info dl dd ul .bar:before{display:none}
.traffic-info.subway-info .txt{display:block;margin-top:1rem;}


/* 연혁 */
.history-block .img{margin-right: 3rem;}
.history-block dl{display:block;}
.history-block dl dd{margin-top: 2rem;margin-left:45px;padding-left:3rem;}


/* 조직도 */
.org-box .org2:before{width:25%}
.org-box .org2:after{width:25%;}
.org-box .org2 li:nth-child(1){left:169px}
.org-box .org2 li:nth-child(1):before{width:100px;}
.org-box .org3{flex-wrap:wrap}
.org-box .org3 .dptm{width:50%}

/* 조합원가입안내 */
.membership-step ul{flex-wrap:wrap;justify-content:center;padding:0}
.membership-step ul li{margin-bottom:2rem;}
.membership-step ul li .next{margin-left:2rem;margin-right:2rem;}

/* 태평마을지도 */
.village-map-box .village-top .story-info h3{font-size:8rem}
.village-map-box .village-top .story-info:after{right:-88px;}


}




/* 모바일 가로, 테블릿 세로 (해상도 480px ~ 767px)*/
@media all and (max-width:768px) {



 
/* 컨텐츠 공통 */
body{font-size:9px}

.wb-show{display:none;}
.mb-show{display:block;}


/* 레이아웃 */
#web-header nav > ul .smenu{padding-top:30px}
#web-header nav > ul .smenu li{font-size:1.6rem;letter-spacing:-0.08em}


#web-header{display:none;}
#mobile-header{display:block;}


#mobile-header{position:fixed;top:0;left:0;width:100%;z-index:5000;background:#fff }
#mobile-header.nav_on_wrap{background:#009688;}
#mobile-header h1{text-align:center;display:flex;align-items:center;justify-content:center;height:60px;}
#mobile-header h1 a{display:block;padding-top: 1rem;}
#mobile-header h1 img{width:80px;}
#mobile-header h1 .logo{display:block}
#mobile-header h1 .logo-ov{display:none}
#mobile-header .fright{position:absolute;top:20px;right:10px;}
#mobile-header .fright a{margin-left:1.5rem;}

#mobile-header .btn-menu-open{position:absolute;top:20px;left:20px;}
#mobile-header .btn-menu-open{position:absolute;top:20px;left:10px}
#mobile-header .btn-menu-open .allmenu {display:block; width:28px; height:2px; background:#676767; transition:all .4s}
#mobile-header .btn-menu-open::before {content:''; display:block; width:28px; height:2px; margin-bottom:6px; background:#676767; transition:all .4s}
#mobile-header .btn-menu-open::after {content:''; display:block; width:28px; height:2px; margin-top:6px; background:#676767; transition:all .4s}




#mobile-header .btn-menu-close .allmenu{display:block; width:28px; height:2px; background:#676767; transition:all .4s}
#mobile-header .btn-menu-close .allmenu {opacity:0}
#mobile-header .btn-menu-close::before {content:''; display:block; width:28px; height:2px; margin-bottom:8px; background:#fff;  margin-bottom:8px; transform:translateY(10px) rotate(-45deg); -webkit-transform:translateY(10px) rotate(-45deg);transition:all .4s}
#mobile-header .btn-menu-close::after {content:''; display:block; width:28px; height:2px; margin-top:8px; background:#fff; transform : translateY(-10px) rotate(45deg); -webkit-transform:translateY(-10px) rotate(45deg);transition:all .4s}

#mobile-header .btn-menu-close{position:absolute;left:10px;top:20px;border:none;width:28px;height:28px;padding:0;cursor:pointer;z-index:8000;transition:all 1s;}

#mobile-header .mobile-nav{position:fixed;top:60px;z-index:2000;width:100%;height:0;overflow-y:auto;background-color:transparent;content:'';transition:all .3s}
#mobile-header .mobile-nav .nav{width:100%;min-height:100%;background:#fff;}


#mobile-header.nav_on_wrap h1 .logo{display:none}
#mobile-header.nav_on_wrap h1 .logo-ov{display:block}
#mobile-header.nav_on_wrap .fright{display:none;}

#mobile-header .mobile-nav.nav-on{width:100%;height:100%;}
#mobile-header .mobile-nav.nav-on .nav .nav-box{height:100%;overflow-y:scroll;box-sizing:border-box}
#mobile-header .nav-box{height:100%;overflow-y:hidden;box-sizing:border-box}

#mobile-header .nav-box > ul{padding:0; float:none;}
#mobile-header .nav-box > ul li {float:none; width:auto !important; border-bottom:1px solid #ededed; margin-left:0;}
#mobile-header .nav-box > ul li a {text-align:left; height:auto; padding:15px 15px; font-size:1.6rem; line-height:24px; display:block; text-decoration:none !important; transition : none; -webkit-transition : none;color:#575757}
#mobile-header .nav-box > ul > li.active > a,
#mobile-header .nav-box > ul > li > a.ov,
#mobile-header .nav-box > ul > li > a.on{color:#009688;font-weight:600} 
#mobile-header .nav-box > ul > li .smenu{display:none; position:relative; padding:8px 0; width:auto; border:0; right:auto; height:auto;background:#eee;border-top:1px solid #ececec;transition:none;-webkit-transition:none;}
#mobile-header .nav-box > ul > li ul li {position:relative;margin:0 !important; padding:0 !important;border-bottom:0;}
#mobile-header .nav-box > ul > li ul li:first-child {border-top:0;}
#mobile-header .nav-box > ul > li ul li a {background:none; display:block; color:#333333; height:auto; padding:8px 15px 8px 25px; line-height:22px; }
#mobile-header .nav-box > ul > li ul li.active > a,
#mobile-header .nav-box > ul > li ul li > a.ov,
#mobile-header .nav-box > ul > li ul li > a.on{color:#009688;font-weight:600}
#mobile-header .nav-box > ul > li.active > div{display:block;}
#mobile-header .nav-box > ul > li ul li ul{border-top:none;}
#mobile-header .nav-box > ul > li ul li ul li.active a{padding:2px 0 2px 50px;}
#mobile-header .nav-box > ul > li .smenu .smenu{padding-left:10px;padding-top:4px;padding-bottom:4px;border-top:none;}
#mobile-header .nav-box > ul > li .smenu .smenu li:before{content:"";display:block;width:2px;height:2px;background:#666;position:absolute;top:13px;left:15px;}
#mobile-header .nav-box > ul > li .smenu .smenu .smenu li:before{content:"";display:block;width:5px;height:1px;background:#666;position:absolute;top:13px;left:15px;}
#mobile-header .nav-box > ul > li .smenu .smenu li a{padding:4px 15px 4px 30px;font-size:15px}
#mobile-header .nav-box > ul > li .smenu .smenu li .smenu a{padding:4px 15px 4px 30px;font-size:14px}
#mobile-header .nav-box > ul > li.active > div li.active > div{display:block;}

#mobile-header .nav-box > ul{padding-bottom:15px}
#mobile-header .copyright{padding-left:15px;padding-right: 10px;line-height:1.7em;font-size:1.3rem;word-break:break-word}
#mobile-header .nav-box .flogo{padding:15px;}
#mobile-header .nav-box .flogo img{width:70px}
#mobile-header .nav-box .flogo .logout{float:right;font-size:1.6rem;padding-top:1rem;font-weight:700}

footer .footer{margin:0}
footer .footer .fcont h2{flex-wrap:wrap}
footer .footer .fcont h2 .logo-md{width:100%;padding-top:2rem;}
footer .footer .fcont {padding:0 2rem}
footer .footer .finfo-list li{margin-bottom:1rem;}
footer .footer .finfo-list li:before{margin:0 1rem}
footer .footer .fcont address ul li{display:block;margin:.5rem}
footer .footer .f-left{width:auto}
footer .footer .f-right{width:auto;top:8rem}
footer .footer .f-right:before{left:-84px;top:0rem;}
footer .footer .f-right:after{right:0px;bottom:50px}
footer .footer .f-right span{left:-10%}

/* 서브레이아웃 */
.sub-top{margin-bottom: 0;height:20rem}
.sub-location .depth02 {position:relative;z-index:100;background: #fff !important;;z-index:10;height:auto;}
.sub-location .depth02 .rwd{padding:0}
.sub-location .depth02:before{display:none}
.sub-location .depth02 .rwd{overflow: inherit;}
.sub-location .depth02 .menu_select{position:relative;display:block;border-bottom:1px solid #DFDFDF;}
.sub-location .depth02 .menu_select button{position:relative;height:55px;width:100%;line-height:55px;font-size:1.8rem;text-align:left;padding-left:20px;box-sizing:border-box;display:block}
.sub-location .depth02 .menu_select button:after{content:"";display:block;width:14px;height:8px;background:url('../img/sub/ic-sdown.svg') 0 0 no-repeat;position:absolute;top:25px;right:20px;z-index:50}
.sub-location .depth02 .menu_select ul{position:absolute;top:56px;left:0;z-index:500;width:100%;background: #fff;border:1px solid #efefef;border-top:none;box-sizing:border-box;display:none;border-radius:0;margin:0;padding-left: 0;padding-top:1rem;}
.sub-location .depth02 .menu_select ul li{width:100%;min-width:auto;float:none;padding:0;border-right:none}
.sub-location .depth02 .menu_select ul li a{display:block;text-align:left;padding:12px 0 12px 20px;line-height:1em;color:#666666}
.sub-location .depth02 .menu_select ul li.active > a{font-weight:600;color:#009688}
.sub-location .depth02 .menu_select ul li.active:after{display:none}

.page-location .rwd{padding-left:0;padding-right: 0;}

#container{top:60px;}
.sub-content #content .rwd{padding-left:0;padding-right:0;}

.main-visual .main-slide{background-size:cover !important;}
.main-visual .slogan{font-size:5rem;background-size:100% auto;height:62rem}
.main-visual .slogan .slogan-txt{}

.msection1{padding-bottom: 10rem;}
.msection1 ul li{margin-bottom:2rem;}

.msection2{margin-bottom: 5rem;}
.msection2 .story-info h3{font-size:7rem}
.msection2 .story-info a:after{right:-80%}
.msection2 .story-info .sct2:after{right:-85%}
.msection2 .story-info .sct2:before{width:85px;height:52px;bottom:0px;left:-130px;background-size:85px auto  !important;}


.msection3 .gallery-msection h3{padding:0 2rem}
.msection3 .txt:before{top:-8rem;left:0;width:80px;height:80px;background-size:80px auto !important;}
.msection3 .txt:after{top:-12rem;right:0px;width:110px;height:110px;background-size:110px auto !important;}
.msection3 h3:before{top:-4rem;left:0;width:86px;height:71px;background-size:86px auto !important;}
.msection3 h3:after{top:-4rem;right:0;width:81px;height:81px;background-size:81px auto !important;}
.msection3 .gallery-msection:before{bottom:-8rem;left:0;width:76px;height:95px;background-size:76px auto !important;}
.msection3 .gallery-msection:after{bottom:-6rem;right:0;width:90px;height:95px;background-size:90px auto !important;}
.msection3 .icn-more:before{bottom:-4rem;left:-102px;width:92px;height:107px;background-size:92px auto !important;}
.msection3 .icn-more:after{bottom:-4rem;right:-105px;width:85px;height:66px;background-size:85px auto !important;}



.msection4 .notice-list ul{width:100%;padding:0;flex-wrap:wrap}
.msection4 .notice-list li{width:100%;}
.msection4 .notice-list li a .date span{display:block;white-space:nowrap}
.msection4 .notice-list li a{padding:1rem 0;margin:0 !important}
.msection4 .notice-list li a .txt:before{margin:0 2rem}
.msection4 .pskip-link ul{margin:0;flex-wrap:wrap}
.msection4 .pskip-link ul li{margin:1rem 0;width:100%}
.msection4 .pskip-link ul li:nth-child(1) a:after{background-size:80% auto  !important;}
.msection4 .pskip-link ul li:nth-child(2) a:after{background-size:80% auto  !important;}

.swiper-button-next, .swiper-button-prev{padding:20px 23px;border-radius:100%;background-color:rgba(0,0,0,.7);background-size:12px auto;}

/* 공통 */
.mtit{font-size:3rem}
.chart th, .chart td{padding:2rem 1.5rem;}


/*인사말 */
.greeting-box .ptitle .box{padding-top:8rem;padding-bottom:8rem;}
.greeting-box .ptitle h3{font-size:6rem}

/* 기관소개 */
.about-us .ptitle .box{padding:8rem 5rem;font-size:3rem}
.about-us .ms-state dl{flex-wrap:wrap;}
.about-us .ms-state dl dd{display:block;width:100%;margin-top:3rem;}


/* 연혁 */
.history-block{display:block;margin-top: 3rem;}
.history-block:before{content:"";display:block;background:#DDD;width:1px;height:100%;position:absolute;top:0;left:2.3rem;z-index:-1}
.history-block .img{margin-right:0;}
.history-block dl{padding-bottom:10rem;}
.history-block dl:before{display:none;}
.history-block:last-child dl{background:#fff;}
.history-block dl dd .item-group > strong{margin-right:2rem;}

/* 조직도 */
.org-box .org2 li:nth-child(1){left:115px;}
.org-box .org2 li:nth-child(1):before{width:50px}
.org-box .org2 li:nth-child(1) span{width:20rem}

/* 오시는길 */
.cantactus-box .map-road{padding-top: 40%;}

/* 주요사업 */
.pbg-st{padding:3rem;}
.operate-list li{width:100%;margin-bottom:3rem;}


/* 공간대여 */
.space-box .space-top{display:block;}
.space-box .space-top .img{width:100%;text-align:center}
.space-box .space-top .cont{width:100%;padding-top:3rem;padding-left:0;text-align:center}

.space-box .space-smy ul{display:block;}
.space-box .space-smy ul li{margin-bottom:3rem;}

.space-list .item{display:block;}
.space-list .item .img-box{width:100%;height:auto}
.space-list .item .img img{width:100%}
.space-list .item dl{width:100%;padding-top:4rem;margin-left:0;}


/* 태평마을지도 */
.village-map-box .village-top .story-info:after{bottom:-10px;right:0}
.village-map-box .village-top .story-info .cont:after{bottom:-60px;right:-10px}
.village-map-box .village-top .story-info .clr1:before{display:none}
.village-map-box .village-top .story-info .cont:before{left:-15px;top:-40px}

/* 원데이 클래스 */
.news_list li{flex-wrap:wrap;}
.news_list li .cont{padding-left:2rem;padding-right:2rem; ;}
.news_list li .tb_btn{margin-left:0;margin-top:1rem;padding:0}
.news_list li .tb_btn .btn01{width:158px}

.bsn_view .bsn_info .img{position:relative;left:auto;margin:0 auto}
.bsn_view .bsn_info .info{width:100%}
.bsn_view .bsn_info .info{margin-left:0;margin-top:2rem;}

.bbs_write .bbs_input_box dl dt{min-width:135px;}
.bbs_write .bbs_input_box dl.new dt{width:135px;}
.bbs_search .btn{padding-top:8rem;padding-bottom:8rem;}

.bigImgWrap .bigImg .bigImgClose{width:25px;height:25px;top:-40px}
.bigImgWrap .bigImg .bigImgClose::before {width:25px; height:2px;}
.bigImgWrap .bigImg .bigImgClose::after { width:25px; height:2px;}


}


@media all and (max-width:680px) {

.msection1 ul li{min-width:98%}


.msection3 h3:after,
.msection3 h3:before,
.msection3 .gallery-msection:before,
.msection3 .gallery-msection:after{display:none}

/* 태평마을지도 */
.village-map-box .village-top .story-info h3{font-size:6rem}

}

@media all and (max-width:480px) {

footer .footer .fcont h2 img{width:160px}
footer .footer .f-left:before,
footer .footer .f-left:after,
footer .footer .f-right:before,
footer .footer .f-right:after{content:"";display:block;width:32px;height:16px;background-size:32px auto  !important;}

footer .footer .f-left{position:absolute;top:2rem;left:3%;min-height:6rem;}
footer .footer .f-left span{display:inline-block;width:44px;height:65px;top:-150px;left:0px;background-size:44px auto !important;}
footer .footer .f-left:before{left:30px;top:50px;}
footer .footer .f-left:after{right:0;top:;}

footer .footer .f-right{top:4rem;right:5%;height:auto}
footer .footer .f-right span{width:31px;height:45px;top:0;left:0px;background-size:31px auto  !important;}
footer .footer .f-right:before{left:-23px;top:0rem;}
footer .footer .f-right:after{right:0;bottom:0;width:5rem;height:2.2rem;background-size:43px auto !important;}

.msection2 .top-bg-left, 
.msection2 .top-bg-right, 
.msection2 .bottom-bg-left, 
.msection2 .bottom-bg-right{width:45%}

.msection2 .top-bg-left{padding-top:51%;}
.msection2 .top-bg-right{;padding-top:56.3%;}
.msection2 .bottom-bg-left{bottom:0;padding-top:56.3%;}
.msection2 .bottom-bg-right{padding-top:51%;}

.msection2 .story-info a:after{right:-130px}
.msection2 .story-info .sct2:before{left:-120px;}
.msection2 .story-info .sct2:after{right:-150px;}
.msection2 .story-info .clr .sct1{width:67px;height:49px;position:absolute;top:-43px;left:0px;background-size:67px auto !important;}

.msection2 .story-info .clr:before{top:-77px;right:0;background-size:77px auto  !important;;width:77px;height:66px;;}
.msection2 .story-info .clr:after{right:-15px;}
.msection2 .story-info .clr1:before{left:-10px;bottom:-3rem}
.msection2 .story-info .sct2:before{left:-70px;bottom:-3rem}
.msection2 .story-info .sct2:after{right:-65px;top:-4rem;bottom:inherit;}
.msection2 .story-info a:after{right:-65px;top:-4rem;;z-index:5}

.msection3 .gallery-msection h3{padding:0 2rem}
.msection3 .txt:before{top:-8rem;left:0;width:60px;height:60px;background-size:60px auto  !important;}
.msection3 .txt:after{top:-9rem;right:0px;width:90px;height:90px;background-size:90px auto !important;}
.msection3 h3:before{top:-4rem;left:0;width:66px;height:51px;background-size:66px auto !important;}
.msection3 h3:after{top:-4rem;right:0;width:61px;height:61px;background-size:61px auto !important;;}
.msection3 .gallery-msection:before{bottom:-8rem;left:0;width:56px;height:75px;background-size:56px auto !important;}
.msection3 .gallery-msection:after{bottom:-6rem;right:0;width:70px;height:75px;background-size:70px auto !important;}
.msection3 .icn-more:before{bottom:-4rem;left:-72px;width:72px;height:87px;background-size:72px auto !important;}
.msection3 .icn-more:after{bottom:-4rem;right:-75px;width:65px;height:46px;background-size:65px auto !important;}

.msection4 .pskip-link ul li:nth-child(1) a:after{background-size:50% auto  !important;}
.msection4 .pskip-link ul li:nth-child(2) a:after{background-size:50% auto  !important;}
/* 조직도 */
.org-box .org2 li:nth-child(1){left:0;}
.org-box .org2 li:nth-child(1):before{width:0}
.org-box .org2 li:nth-child(1) span{width:26rem}
.org-box .org2{border-bottom:none}
.org-box .org3 .dptm{width:100%}

/* 태평마을지도 */
.village-map-box .village-top .story-info .cont .br{display:inline-block !important;}
.village-map-box .village-top .story-info .sct2:before{left:-120px;}
.village-map-box .village-top .story-info .sct2:after{right:-150px;}
.village-map-box .village-top .story-info .clr .sct1{width:67px;height:49px;position:absolute;top:-43px;left:0px;background-size:67px auto  !important;;}
.village-map-box .village-top .story-info .clr:before{top:-77px;right:0;background-size:77px auto  !important;width:77px;height:66px;;}
.village-map-box .village-top .story-info .clr:after{right:-15px;}
.village-map-box .village-top .story-info .clr1:before{left:-10px;bottom:-3rem}
.village-map-box .village-top .story-info .sct2:before{left:-70px;bottom:-3rem}
.village-map-box .village-top .story-info .sct2:after{right:-65px;top:-4rem;bottom:inherit;}

.space-box .space-smy ul li .cont{padding-left:3rem;}


}