@charset "UTF-8";

/* header */
*{font-family: 'ibmPlex', sans-serif;}
#header {position:absolute; top:0; left:0; width:100%; padding:0 30px; z-index:100;}
#header .pc-nav {text-align:center;}
#header .pc-nav nav a{color: #fff;}
#header .pc-nav nav a,
#header .m-nav nav a {display:block;}

#header .logo {float:left;}
#header .logo, #header .right {display: table; height: 100px;}
#header .logo > a, #header .right > li{display: table-cell; vertical-align: middle;}
#header .logo > a {color: #fff; font-size: 23px;}
#header .logo > a > em{background:url('../img/common/logo.png') no-repeat center; text-indent: -9999px; float: left; width: 50px; height: 50px;}
#header .logo > a span{line-height: 50px; font-weight: 700; padding-left: 10px;}
#header .logo > a span em{font-weight: 500;}
#header .right {float: right;}
#header .right li a {margin-left:5px; font-size: 18px;}
#header .right li.tour {padding-right: 100px;}
#header .right li.tour span{position: relative;}
#header .right li.tour span::after{position: absolute; content: ""; background: url('../img/common/res_arrow.png') no-repeat right; width: 6px; height: 8px; right: -17px; top: 10px;}
#header .right li.confirm span{position: relative;}
#header .right li.confirm span::before{position: absolute; content: ""; background: url('../img/common/cal.png') no-repeat left; width: 30px; height: 26px; left: -40px; top: 0;}
#header .right li.confirm span::after{position: absolute; content: ""; background: url('../img/common/res_arrow.png') no-repeat right; width: 6px; height: 8px; right: -17px; top: 10px;}
#header .right .nav-open a{display: block; position: relative; width: 24px; height: 24px; z-index: 100; margin-left: 46px;}
#header .right .nav-open span{display: block; position: absolute; top: 50%; right: 0; width: 100%; height: 2px;  background: #fff; text-indent: -9999px; text-align: left;}
#header .right .nav-open span::before{position: absolute; content: ""; right: 0; width: 100%; height: 2px; top: -7px; background: #fff;}
#header .right .nav-open span::after{position: absolute; content: ""; right: 0; width: 100%; height: 2px; top: 7px; background: #fff;}
/* @media all and (max-width:1440px) {
	#header .logo, #header .right {height:80px;}
	#header .logo {width:150px;}
}
@media all and (max-width:599px) {
	#header .logo, #header .right {height:70px;}
	#header .logo {width:130px;}
} */

#header .pc-nav .depth01 {display:inline-block; margin-left:-100px /*overflow:hidden;*/}
#header .pc-nav .depth01 > li {position:relative; float:left; /*padding-right:55px;*/ margin:0 35px;}
#header .pc-nav .depth01 > li > a {display:block; position:relative; font-size: 21px; font-weight:500; line-height:100px; letter-spacing:-1.3px;}

#header .pc-nav .depth02 {display:none; position:absolute; width:240px; top:100px; left:50%; margin-left:-120px; padding:15px 25px; background:#037641; z-index:100; box-shadow:10px 10px 15px rgba(0,0,0,0.1); text-align:left;}
#header .pc-nav .depth02:before {content:''; position:absolute; top:0; left:50%; width:0; height:0; margin-top:-10px; margin-left:-5px; border-left:10px solid transparent; border-right:10px solid transparent; border-bottom:10px solid #037641;}
#header .pc-nav .depth02 > li > a {padding:7px 0; color:#fff; font-size:1.8rem;}
#header .pc-nav .depth02 > li:hover > a {color:#fff; font-weight:500;}
#header .pc-nav .depth03 {overflow:hidden; margin:3px 0 10px;}
#header .pc-nav .depth03 > li {float:left; width:50%; margin:3px 0;}
#header .pc-nav .depth03 > li:nth-child(odd) {clear:both;}
#header .pc-nav .depth03 > li > a {position:relative; padding-left:19px; color:rgba(255,255,255,0.8); font-size:1.6rem;}
#header .pc-nav .depth03 > li > a:before {content:''; position:absolute; top:9px; left:5px; width:3px; height:3px; background:rgba(255,255,255,0.6);}
#header .pc-nav .depth03 > li:hover > a {text-decoration:underline;}
#header .right li:first-child a {margin-left:0;}

#header .m-nav {display:block; visibility:hidden; position:fixed; right:0; top:0; width:100%; height:100%; z-index:300;}
#header .m-nav:before {content:''; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0); transition:all 0.85s cubic-bezier(0.43, 0.03, 0.21, 1);}
#header .m-nav nav {position:fixed; top:0; right:-100%; width:100%; max-width:250px; height:100%; overflow-y:auto; padding:55px 0; background:#fff; text-align:center; z-index:100; transition:all 0.85s cubic-bezier(0.43, 0.03, 0.21, 1);}
#header .m-nav.open {visibility:visible;}
#header .m-nav.open:before {background:rgba(0,0,0,0.7);}
#header .m-nav.open nav {right:0;}
#header .m-nav .depth01 {text-align:left;}
#header .m-nav .depth01 li a {position:relative; padding-right:20px; padding-left:20px;}
#header .m-nav .depth01 > li > a {padding-top:15px; padding-bottom:15px; border-bottom:1px solid #ddd; font-weight:500; letter-spacing:-1px;}
#header .m-nav .depth01 > li > a:before {content:''; position:absolute; top:50%; right:20px; width:5px; height:5px; margin-top:-3px; background:none; border-bottom:2px solid #252525; border-right:2px solid #252525; transform:rotate(-45deg);}
#header .m-nav .depth01 > li > a.on {background:#037641; color:#fff;}
#header .m-nav .depth01 > li > a.on:before {transform:rotate(45deg); border-color:#fff;}
#header .m-nav .depth02 {display:none; background:#f1fff9;}
#header .m-nav .depth01 > li > a.on + ul {display:block;}
#header .m-nav .depth02 > li > a {border-bottom:1px solid #e5e5e5; margin-left:1px; padding-top:13px; padding-bottom:13px; font-size:1.6rem;}
#header .m-nav .depth02 > li:hover > a,
#header .m-nav .depth02 > li > a.on {color:#037641; font-weight:600;}
#header .m-nav .depth03 {background:#fbfbfb;}
#header .m-nav .depth03 {padding:7px 20px; border-bottom:1px solid #f1fff9;}
#header .m-nav .depth03 > li > a {margin:7px 0; color:#747474; font-size:1.6rem;}
#header .m-nav .depth03 > li > a:before {content:''; position:absolute; top:10px; left:5px; width:3px; height:3px; background:#747474;}
#header .m-nav .depth03 > li:hover > a,
#header .m-nav .depth03 > li > a.on {text-decoration:underline;}
#header .m-nav .link {position:absolute; top:0; left:0; width:calc(100% - 55px); height:55px; background:#034423;}
#header .m-nav .link a {color:#fff; line-height:55px; font-size:1.5rem; font-weight:500;}
#header .m-nav .link a span {padding-left:35px; position: relative;}
#header .m-nav .link a span:before {top:50%; left:0; width:29px; height:29px; margin-top:-15px; position: absolute; content: ""; background: url('../img/common/m_logo.png') no-repeat;}
#header .m-nav-close {position:absolute; top:0; right:0; width:55px; height:55px; background:#037641;}
#header .close-btn {display:block; position:absolute; top:50%; left:50%; width:20px; height:20px; z-index:200; transform:translate(-50%, -50%);}
#header .close-btn span {display:block; position:absolute; top:50%; left:0; width:100%; height:2px; background:rgba(255,255,255,0); color:transparent; transform:translate(0, -50%);}
#header .close-btn span:before,
#header .close-btn span:after {content:""; position:absolute; left:0; top:0; width:100%; height:2px; background:rgba(255,255,255,1);}
#header .close-btn span:before {top:0; transform:rotate(45deg);}
#header .close-btn span:after {top:0; transform:rotate(-45deg);}
@media all and (max-width:1600px) {
    #header .pc-nav .depth01 {margin-left:-100px}
    #header .pc-nav .depth01 > li {margin:0 20px;}
}
@media all and (max-width:1440px) {
    #header {padding:0 2%;}
    #header .pc-nav .depth01 {margin-left:0; margin-right:30px;}
    #header .pc-nav .depth01 > li > a {font-size:2rem; /*  line-height:80px; */}
    #header .pc-nav .depth02 {top:80px;}
    #header .pc-nav .depth02 > li > a {font-size:1.6rem;}
    #header .right li.sj {display:none;}
    #header .m-nav .depth01 > li > a  {font-size:1.6rem;}
    /* #header .right {right:2%;} */
}
@media all and (max-width:1240px) {
    #header .pc-nav .depth01 > li {margin:0 15px;}
    #header .pc-nav .depth01 > li > a {font-size:1.8rem;}
}
@media all and (max-width:1180px) {
    #header .pc-nav .depth01{display:none;}
    #header {overflow:hidden; }
}
@media all and (max-width:599px) {
    #header {padding:0 1%;}
    #header .right {right:3%;}
    #header .right li.confirm, #header .right li.tour {display: none;}
    #header .logo, #header .right{height: 70px;}
    #header .logo > a span{font-size: 18px; padding-left: 2px;}
    #header .logo > a > em{background-size: 80%;}
    #header .m-nav .depth01 li a {padding-right:15px; padding-left:15px;}
    #header .m-nav .depth01 > li > a {padding-top:12px; padding-bottom:12px;}
    #header .m-nav .depth02 > li > a {padding-top:10px; padding-bottom:10px;}
    #header .m-nav .depth03 {padding:7px 20px;}
    #header .m-nav .depth03:before {top:9px;}

}

/* footer */
#footer {position:relative; background:#333b3e; text-align:center;}
#footer .wrap{padding: 50px 0;}
#footer .wrap .f-link{display: flex; justify-content: center;}
#footer .wrap .f-link ul{overflow: hidden;}
#footer .wrap .f-link ul li{float: left; padding-right: 50px;}
#footer .wrap .f-link ul li:last-child{padding-right: 0;}
#footer .wrap .f-link ul li a{color: #fff; font-size: 17px; position: relative;}
#footer .wrap .f-link ul li a::before{position: absolute; content: ""; background: #7f7f7f; width: 1px; height: 10px; right: -27px; top: 50%; transform: translateY(-50%);}
#footer .wrap .f-link ul li:first-child a{color: #ffc000; font-weight: 600;}
#footer .wrap .f-info{color: #fff;}
#footer .wrap .f-info address{/* display: flex; justify-content: center; */ margin: 22px 0 8px 0;}
#footer .wrap .f-info address > div{margin-left: 25px;}
#footer .wrap .f-info address > div b{padding-right: 10px;}
#footer .wrap .f-info .f-info-wrap{margin:0 -10px 5px -10px;}
#footer .wrap .f-info .f-info-wrap > div {display:inline-block; margin:0 10px;}
#footer .wrap .f-info .f-info-wrap b{padding-right: 4px;}
#footer .wrap .f-info small{color: #8a8d92;}
@media all and (max-width:1023px){
	#footer .wrap .f-info .f-info-wrap{margin:0 -5px 5px -5px;}
	#footer .wrap .f-info .f-info-wrap > div {margin:0 5px;}
}
@media all and (max-width:740px) {
  #footer .wrap .f-info address{display: block;}
  #footer .wrap .f-info address > div{display: inline-block; margin: 10px 10px 0 0;}
}
@media all and (max-width:460px) {
  #footer .wrap{padding: 40px 0;}
  #footer .wrap .f-link ul li{padding-right: 25px;}
  #footer .wrap .f-link ul li a{font-size: 15px;}
  #footer .wrap .f-link ul li a::before{right: -14px;}
  #footer .wrap .f-info .f-info-wrap{display: block;}
  #footer .wrap .f-info .f-info-wrap{margin:0 0 5px 0;}
  #footer .wrap .f-info .f-info-wrap > div {display:block; margin:0;}
}

/*커뮤니티>공지사항*/
@media all and (max-width:400px) {
    .bod_head .bod_search{
        padding: 0 !important;
    }
}