@charset "utf-8";


header.active {background:none;}
header.active h1 a {background: url(../images/logo_active.png) no-repeat 0 0;background-size:143px 43px;}
header.active #gnbMenu .depth1 > a {color:#fff;} 
header.active  .aside .recipt {color:#fff;}
header.active .aside .counsel {color:#fff;}
header.active .aside .search {background: url(../images/ic_search_active.png) no-repeat;}
header.active .aside .mypage {background:url(../images/ic_mypage_active.png) no-repeat;}
header.active .aside .counsel:before,

header {position: fixed;width: 100%;left: 0;top: 0;z-index: 999;font-family:'noto'}
header.open  #gnbMenu {height:550px;}
.fp-enabled header {background: rgba(255,255,255,0.7);}
.wrap-ga header {background:#fff;}
header.open {background: #fff;height: 140px;box-shadow: 0 6px 8px rgba(00, 00, 00, .05);padding-bottom: 40px;}
header.open2 {height: 500px;box-shadow: 0 6px 8px rgba(00, 00, 00, .05);padding-bottom: 30px;}
header.open3 {height: 430px;box-shadow: 0 6px 8px rgba(00, 00, 00, .05);padding-bottom: 30px;}
header.scroll {background:#fff; box-shadow: 0 6px 8px rgba(00, 00, 00, .05);}
header.open_search {background:#fff;box-shadow:none;}
header h1 {margin-top: 15px;z-index: 1;transition:0.3s ease-in-out;}
header h1 img{max-width: 150px;}
header h1 img.logo2{display: none;}


.langs{
    position: relative;
    height: 50px;
}
header .aside .langs:before {
    content: '';
    position: absolute;
    top: 15px !important;
}


.langs ul{
    position: absolute;
    top: 45px;
    width: 135px;
    background: #8CC248;
     padding: 10px 5px;
     display: none;
}

.langs ul li{
   padding: 8px 10px;
}
.langs ul li a{
    color: #fff !important;
    font-size: 14px;
}

.langs:hover ul{
    display: block;
}



header.scroll h1 {margin-top: 9px !important;z-index: 1;transition:0.3s ease-in-out;}
header.scroll h1 img{max-width: 140px;}

header .aside .recipt a{
    color: #fff;
}
header .aside .recipt:before {background:#fff !important;}



header.scroll h1 img{max-width: 140px;}
header.scroll h1 img.logo2{display: block;}
header.scroll h1 img.logo1{display: none;}

header.scroll #gnbMenu .depth1>a{
    color: #333;
}
header.scroll #gnbMenu .first11>a{
    color: #333 !important;
    font-size: 17px;
}

header.scroll .aside .recipt a,header.scroll .aside .recipt i{
    color: #333;
}
header.scroll .aside .recipt:before {background:#333 !important;}


header.open h1 img{max-width: 140px;}
header.open h1 img.logo2{display: block;}
header.open h1 img.logo1{display: none;}

header.open #gnbMenu .depth1>a{
    color: #333;
}
header.open #gnbMenu .first11>a{
    color: #333 !important;
}

header.open .aside .recipt a,header.open .aside .recipt i{
    color: #333;
}
header.open .aside .recipt:before {background:#333 !important;}


header.active h1 img{max-width: 140px;}
header.active h1 img.logo2{display: block;}
header.active h1 img.logo1{display: none;}

header.active #gnbMenu .depth1>a{
    color: #fff;
}
header.active #gnbMenu .first11>a{
    color: #fff !important;
}
header.active .aside .recipt a,header.active .aside .recipt i{
    color: #fff;
}
header.active .aside .recipt:before {background:#fff !important;}
header .recipt2:before {display: none !important;}
header .recipt2 {margin-right:0 !important;}



header .header {position: relative;display: flex;max-width: 1789px;height: 100px;margin: 0 auto;padding:0 30px;box-sizing:border-box;}
/* header.open .header {border-bottom:1px solid #ddd;} */
header.open .header:before {content:'';position:absolute;top:99px;left:-50%;width:200%;height:1px;background:#ddd;}
header #gnbMenu{width:100%;} 
header #gnbMenu>ul {position: relative;display: flex;margin-top: 40px;margin-left: 45px;}
header #gnbMenu .depth1 {display: inline-block;margin-right:40px;}
header #gnbMenu .depth1:last-child {padding-right: 0}
header #gnbMenu .depth1>a {position: relative;display: block;height: 60.5px;color: #fff;
    font-weight: 400 !important;font-size: 20px;text-align: center;transition: all 0.2s ease-in-out;padding:0 10px;}
header #gnbMenu .depth1.on > a {color:#f8a910;}
header #gnbMenu .depth1>a:before {content: "";z-index: 1;position: absolute;left: 50%;transform: translateX(-50%);bottom: 0;width: 0;height: 2px;background: #f8a910;transition: all 0.2s ease-in-out}
header #gnbMenu .depth1.on>a:before {width: 100%;}

header #gnbMenu .first11 {display: inline-block;margin-right:30px;}
header #gnbMenu .first11:last-child {padding-right: 0}
header #gnbMenu .first11>a {position: relative;display: block;height: 59px;color: #fff;
    font-weight: 400 !important;font-size: 20px;text-align: center;transition: all 0.2s ease-in-out;padding:0 10px;}
header #gnbMenu .first11.on > a {color:#f8a910;}
header #gnbMenu .first11>a:before {content: "";z-index: 1;position: absolute;left: 50%;transform: translateX(-50%);bottom: 0;width: 0;height: 2px;background: #f8a910;transition: all 0.2s ease-in-out}
header #gnbMenu .first11.on>a:before {width: 100%;}


header #gnbMenu .depth2 {z-index: 1;position: absolute;top:80px;left: -50px;right: 0;width: 1380px;padding-top: 0;margin-left: 60px;text-align: left;box-sizing: border-box;display: flex;flex-direction: column;}
header #gnbMenu .depth2 .index {position: absolute;left: -189px;top:14px;font-size: 20px;color: #f8a910;}
header #gnbMenu .depth2 {display: none;}
header #gnbMenu .depth1.over .show {display: block;}
header #gnbMenu .depth2 li {position:relative;margin-right: 80px;float:left;box-sizing:border-box;margin-top: 10px;margin-bottom: 20px;}
/*header #gnbMenu .third .depth2 li:nth-child(6) {padding-top:60px;}
header #gnbMenu .third .depth2 li:nth-child(7) {padding-top:60px;}
header #gnbMenu .fifth .depth2 li:nth-child(6) {padding-top:60px;}
header #gnbMenu .fifth .depth2 li:nth-child(6) .depth3 {top: 110px;}*/
header #gnbMenu .depth2 a {position: relative;display: inline-block;font-size: 16px;color: #222;font-weight:400;}
header #gnbMenu .depth2 li:hover a {color: #222;font-weight: 700;transition: all 0.2s ease-in-out;}
header #gnbMenu .depth2 a:before {content: "";position: absolute;top:17px;right: -30px;width: 10px;height: 14px;margin: 0 auto;background: url(../images/ic_arrow.png);visibility: hidden;}
header #gnbMenu .depth2 li.on.has_child>a:before {visibility: visible;} 
header #gnbMenu .depth2 span {position: relative;top: -1px;display: inline-block;height: 20px;line-height: 18px;padding: 0 7px;margin-right: 5px;vertical-align: middle;color: #fff;font-size: 11px;border-radius: 4px;background: #000}
header #gnbMenu .depth2.show {height: 370px}
header #gnbMenu .depth3 {position: absolute;top:50px;left: 0;}
header #gnbMenu .depth3 li {float:none;}
header #gnbMenu .depth3 li a {font-size: 17px;color: #666 !important;font-weight: 400 !important;}
header #gnbMenu .depth3 li~li {padding-top:15px;}
header #gnbMenu .depth3 li:hover > a {font-weight: 500 !important;color: #222 !important;}
header #gnbMenu .depth4 {margin-top:15px;}
header #gnbMenu .depth4 li a {padding-left:10px;font-size:15px;color:#999 !important;}
header #gnbMenu .depth4 li:hover a {color:#999 !important;}
header.gnb_open {z-index: 9;background: #fff;border-bottom: 1px solid #eee}
header.gnb_open #gnbMenu .depth1>a {color: #333}
header.gnb_open:before {height: 370px;box-shadow: 0 3px 3px rgba(00, 00, 00, .05)}
header.gnb_open:after {opacity: 1;height: 370px;}
header #gnbMenu .side {position: absolute;top: 30px;left: 840px;width: 320px;height:350px;z-index: 1;padding-left: 40px;border-left: 1px solid #ddd;}
header #gnbMenu .depth1.fourth .side,
header #gnbMenu .depth1.fifth .side,
header #gnbMenu .depth1.sixth .side {height:350px;}
header #gnbMenu .side a {display: block;}
header #gnbMenu .side .thum {width: 280px;height: auto;}
header #gnbMenu .side .thum img {width:100%;height:100%;}
header #gnbMenu .side .txt1 {font-size: 16px;color: #666;line-height: 16px;margin-bottom: 15px;margin-top: 30px;}
header #gnbMenu .side .txt2 {font-size: 20px;font-weight: 700;line-height: 28px;color: #222;}
header #gnbMenu .btm {position:absolute;top:242px;left:0;width:819px;height:138px;z-index:1;}


header .aside {position: absolute;top: 20px;right: 30px;display: flex;align-items: center;height: 60px;transition:0.3s ease-in-out;}
header .aside a {display: block;}
header .aside .recipt {position: relative;font-size: 16px;font-weight: 400;color: #fff;
    margin-right: 20px;padding-right: 20px;transition:0.3s ease-in-out;}
header .aside .recipt:before {content: '';position: absolute;top: 0px;right: 0;width: 1px;height: 20px;background: #555555;}
header .aside .counsel {position: relative;display:block;height:100px;line-height:100px;font-size: 18px;font-weight: 500;color: #666;padding-right: 20px;margin-right: 30px;background:none;transition:0.3s ease-in-out;}
header .aside .counsel:before {content: '';position: absolute;top: 40px;right: -5px;width: 1px;height: 20px;background: #aaa;}
header .aside .mypage {width: 34px;height: 35px;background: url(../images/ic_mypage.png) no-repeat;background-size:cover;font-size: 0;transition:0.3s ease-in-out;}

/* 220427 로그인 아이콘 수정 시작 */
header .aside .mypage_login {
    width: 42px;
    height: 36px;
    background: url(../images/ic_login.png) no-repeat;
    font-size: 0;
}

header .aside .login_google {
    width: 36px;
    height: 36px;
    background: url(../images/login_google.png) no-repeat;
    font-size: 0;
}

header .aside .login_naver {
    width: 36px;
    height: 36px;
    background: url(../images/login_naver.png) no-repeat;
    font-size: 0;
}

header .aside .login_kakao {
    width: 36px;
    height: 36px;
    background: url(../images/login_kakao.png) no-repeat;
    font-size: 0;
}

/* 220427 로그인 아이콘 수정 끝 */

header .aside .search {width: 34px;height: 34px;background: url(../images/ic_search.png) no-repeat;background-size:cover;margin: 0 30px;font-size: 0;transition:0.3s ease-in-out;}
header .aside .spon {width: 110px;height: 44px;background: #8CC248;color: #fff;font-size: 16px;
    font-weight: 400;text-align: center;line-height: 44px;transition:0.3s ease-in-out;}

/*220427 아이디 노출 수정 시작 */
header .aside .mypage_view {
    position: absolute;
    top: 80px;
    left: 180px;
    width: 205px;
    background: #fff;
    padding-bottom: 30px;
    box-sizing: border-box;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
    display: none;
}

header.scroll .aside .mypage_view {
	left:140px;
}

header .aside .mypage_view li {
    padding-left: 30px;
}

header .aside .mypage_view li~li {
    margin-top: 20px;
}

header .aside .mypage_view li a {
    font-size: 18px;
    color: #666;
    line-height: 18px;
}

header .aside .mypage_view li:hover a {
    font-weight: 700;
    color: #222;
    transition: all 0.2s ease-in-out;
}

header .aside .mypage_view li.logout a {
    display: block;
    width: 145px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    background: #02652f;
    color: #fff;
    font-weight: 500;
    font-size: 20px;
    margin-top: 33px;
}

header .aside .mypage_view li.id {
    height: 80px;
    line-height: 80px;
    background: #f6f6f6;
    padding-left: 0;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    color: #02652f;
}








/*220427 아이디 노출 수정 끝 */



.totalSearch {position: absolute;top: 0;left: 0;right: 0;height: 0;overflow: hidden;transition: all 0.3s ease-in-out;box-sizing: border-box;/*box-shadow: 0 3px 3px rgba(00, 00, 00, .05);*/z-index:1;}
.totalSearch.show {height: 500px;opacity: 1;visibility: visible;transition:0.4s ease-in-out;transition-delay:0.3s;}
.totalSearch:before {content:'';position:fixed;top:0;left:0;width:100%;height:0;background:rgba(0,0,0,0.3);}
.totalSearch.show:before {height:100%;transition-delay:0.5s;}
.totalSearch .inner {position: relative;width: 100%;margin: 0 auto;}
.totalSearch label {font-size: 0;position: absolute;left: -10000px;}
.totalSearch .box {position: relative;box-sizing: border-box;opacity:0;}
.totalSearch .search_form {height:100px;text-align:center;padding-top:20px;box-sizing:border-box;background:#f5f5f5}
.totalSearch .search_form .write {position:relative;width:700px;margin: 0 auto}
.totalSearch input[type=text] {width: 700px;height: 55px;margin: 0 auto;font-size: 19px;color: #555;border:0;;border-bottom: 2px solid #222;background: none}
.totalSearch input[type=text]::placeholder {font-size: 24px;font-weight: 400;color: #ddd;}
.totalSearch .btn_totalSearch {position: absolute;top: 5px;right: 0;width: 34px;height: 34px;background: url(../images/ic_search2.png) no-repeat 50% 50%;background-size:cover;font-size: 0;}
.totalSearch .btn_totalSearch:before {content: "";position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;width: 20px;height: 17px;}
.totalSearch .btn_close {position: absolute;top: 35px;right: 70px;width: 27px;height: 27px;background: url(../images/ic_close.png) no-repeat 50% 50%;font-size: 0;z-index:1;}
.totalSearch .keyword_box {width:700px;height:235px;background:#fff;margin: 0 auto;padding: 40px 50px;box-sizing:border-box;border-bottom-left-radius:30px;border-bottom-right-radius:30px;}
.totalSearch .keyword_box p {vertical-align:top;font-size:20px;font-weight:700;margin-right:30px;margin-bottom:30px}
.totalSearch .keyword_box ul {font-size:0;opacity:0;transform:translateX(50px);transition: all 0.3s;}
.totalSearch .keyword_box ul li {display:inline-block;height:43px;line-height:43px;padding:0 20px;background:#f6f6f6;border-radius:30px;margin-right:20px;margin-bottom:20px;}
.totalSearch .keyword_box ul li a {display:block;font-size:20px;color:#666;font-weight:500;}
.totalSearch.show .keyword_box ul {opacity:1;transform:translateX(0);transition: all 0.3s;transition-delay:0.5s;}

/* 검색 효과 */
/* header.open_search h1 {opacity:0;transition:0.1s ease-in-out;}
header.open_search #gnbMenu .depth1.first {opacity:0;visibility:hidden;transition:0.1s; transition-delay:0.2s}
header.open_search #gnbMenu .depth1.second {opacity:0;visibility:hidden;transition:0.1s; transition-delay:0.3s}
header.open_search #gnbMenu .depth1.third {opacity:0;visibility:hidden;transition:0.1s; transition-delay:0.4s}
header.open_search #gnbMenu .depth1.fourth {opacity:0;visibility:hidden;transition:0.1s; transition-delay:0.5s}
header.open_search #gnbMenu .depth1.fifth {opacity:0;visibility:hidden;transition:0.1s; transition-delay:0.6s}
header.open_search #gnbMenu .depth1.sixth {opacity:0;visibility:hidden;transition:0.1s; transition-delay:0.7s}
header.open_search .aside {opacity:0;transition:0.1s ease-in-out; transition-delay:0.8s} */
header.open_search {background:#f5f5f5;transition:0.1s ease-in-out;transition-delay:0.3s;}
header.open_search .totalSearch .box {opacity:1;transition:0.1s ease-in-out;transition-delay:0.3s;}


/* 스크롤 효과  */
header.scroll .header {height:80px;}
header.scroll #gnbMenu>ul {margin-left:25px;margin-top:30px;}
header.scroll #gnbMenu .depth1>a {font-size:17px;}
header.scroll #gnbMenu .depth1 {margin-right:20px;}
header.scroll h1 {margin-top:15px;}
header.scroll h1 a {width:130px;height:39px;}


header.scroll.open .header:before {top:79px;}
header.scroll.open #gnbMenu .depth1>a:before {bottom:9px;}

/* 
header.open .header {height:100px;}
header.open #gnbMenu>ul {margin-left:45px;margin-top:40px;}
header.open #gnbMenu .depth1>a {font-size:20px;}
header.open #gnbMenu .depth1 {margin-right:40px;}
header.open h1 a {width:143px;height:42px;} */

header.scroll .aside {top:10px;}
header.scroll .aside .recipt, 
header.scroll .aside .counsel {font-size:15px;}
header.scroll .aside .recipt {margin-right:15px;padding-right:15px;}
header.scroll .aside .counsel {padding-right:15px;margin-right:25px;}
header.scroll .aside .mypage {width:26px;height:27px;}
header.scroll .aside .search {width:27px;height:27px;margin:0 20px;}
header.scroll .aside .spon {width:100px;height:40px;line-height:40px;font-size:16px;}

/* header.open .aside {top:20px;}
header.open .aside .recipt, 
header.open .aside .counsel {font-size:18px;}
header.open .aside .recipt {margin-right:20px;padding-right:20px;}
header.open .aside .counsel {padding-right:20px;margin-right:30px;}
header.open .aside .mypage {width:34px;height:35px;}
header.open .aside .search {width:34px;height:34px;margin:0 30px;}
header.open .aside .spon {width:137px;height:60px;line-height:60px;font-size:22px;}
 */
 
.wrap-camp header .header {height:80px;}
.wrap-camp header #gnbMenu>ul {margin-left:25px;margin-top:30px;}
.wrap-camp header #gnbMenu .depth1>a {font-size:17px;}
.wrap-camp header #gnbMenu .depth1 {margin-right:20px;}
.wrap-camp header h1 {margin-top:18px;}
.wrap-camp header h1 a {width:130px;height:39px;}
.wrap-camp header.open .header:before {top:79px;}
.wrap-camp header.open #gnbMenu .depth1>a:before {bottom:9px;}

.wrap-camp header {background:#fff;}
.wrap-camp header .aside {top:10px;}
.wrap-camp header .aside .recipt, 
.wrap-camp header .aside .counsel {font-size:15px;}
.wrap-camp header .aside .recipt {margin-right:15px;padding-right:15px;}
.wrap-camp header .aside .counsel {padding-right:15px;margin-right:25px;}
.wrap-camp header .aside .mypage {width:26px;height:27px;}
.wrap-camp header .aside .search {width:27px;height:27px;margin:0 20px;}
.wrap-camp header .aside .spon {width:130px;height:45px;line-height:45px;font-size:18px;display:none;}

 
.btn_spon {position:fixed;bottom:300px;right:20px;display:block;width:80px;height:80px;z-index:80;display:none;transition:all 0.3s ease;transition-delay:0.1s;font-size:18px;font-weight:700;color:#02652f;text-align:center;}
.btn_hide {position:fixed;bottom:80px;right:20px;display:block;z-index:80;width:80px;height:80px;transition:all 0.3s ease;display:none;}
.btn_show {position:fixed;bottom:80px;right:20px;display:none;z-index:80;width:80px;height:80px;transition:all 0.3s ease;}
.btn_spon img,
.btn_hide img,
.btn_show img {width:100%;height:100%;}


.btn_spon.hide {bottom:80px;visibility:hidden;opacity:0;transition:all 0.3s ease;transition-delay:0.2s;}
.chatbot.hide {bottom:80px;visibility:hidden;opacity:0;transition:all 0.3s ease;transition-delay:0.1s;}

#container {width:100%;margin-top:100px;}
.popup-window #container {margin-top:0;}
/* #container.support {margin-top:46px;} */
#subVisual{width:100%;height:279px;background-size:cover;}
#subVisual .inner{width:1200px;margin:0 auto;padding-top:70px;text-align:center;}
#subVisual .inner strong {font-size:40px;color:#fff;}
#subVisual .inner p {color:#fff;font-size:17px;line-height:27px;margin-top:27px;}
#contents {outline:none;position:relative;margin:0 auto;padding:80px 0 100px;width:1200px;min-height:700px;_height:700px;*zoom:1;-webkit-box-sizing:border-box;box-sizing:border-box;}
#contents.mypage_wrap {padding: 100px 0 100px;width:1380px}
#contents:after { content:'';display:block;clear:both;}

.location {text-align:right;margin-bottom:30px;padding-right:2px;}
.location li{position:relative;display:inline-block;*display:inline;zoom:1;padding-left:12px;font-size:12px;color:#888;line-height:14px}
.location li:before {content:'';display:inline-block;background:url('../images/gt.gif') no-repeat;width:4px;height:7px;position: absolute;top:4px;left:3px;}
.location li:first-child:before {display:none;}
.location a{color:#888}
.location a:hover{text-decoration:underline}

#wrap {letter-spacing: -1px}
#wrap .content_sub {float:right;width:100%;/*overflow:hidden*/}
#wrap .content_sub > h3{font-family:'Noto Sans KR';font-size:45px;color:#333;font-weight:700;}
#wrap .content_sub .addTxt{font-size: 20px;font-weight: 500; color: #999; margin-top: 10px;line-height: normal;}
#wrap .content_sub .addTxt1{margin:20px 0 10px 0}
#wrap .content_sub .subTxt{margin:17px 0 35px 0}

.filter{float:left;width:170px}
.filter strong{display:block;margin:0 0 10px 0}
.filter div{margin:0 0 30px 0}
.filter div>ul li{height:18px;margin:0 0 7px 0;color:#666;font-size:13px;vertical-align:middle;line-height:18px;position:relative}
.filter .line ul{height:20px}
.filter .line ul li{float:left;font-size:13px}
.filter .keyword .board_search{margin:0}
.filter .keyword .board_search label{width:0;height:0;overflow:hidden;text-indent:-9999px}
.filter .keyword .board_search input{width:115px;height:28px;border-left:1px solid #ddd;border-top:1px solid #ddd;border-bottom:1px solid #ddd}
.filter .keyword .board_search img{height:30px}
.filter .keyword .tag{margin:10px 0 0 0;padding:0 0 0 25px;font-size:13px;line-height:23px;background:url('../images/icon_tag.gif') left 3px no-repeat}
.filter .keyword .tag ul li{float:left;margin:0 3px 0 0}
.filter .keyword .tag ul li a{color:#666}
.filter .category>ul li>span{display:inline-block;width:18px;height:18px;vertical-align:middle;background:url('../images/radio_n.png') no-repeat 0 0;position:absolute;top:2px;left:0}
.filter .category>ul li>span button{width:18px;height:18px;text-indent:-9999px}
.filter .category>ul li>span.on{background:url('../images/radio_p.png') no-repeat 0 0}
.filter .category>ul li>input{width:10px;height:10px;margin:0 15px 0 0;border:0;background:0}
.filter .category>ul li>label{display:inline-block;margin:0 0 0 5px;vertical-align:top;line-height:18px}

#subTitle{width:1200px;height:167px;margin:0 auto;padding:0 20px;}
#subTitle>div{float:left;padding: 50px 0 0 0;}
#subTitle>ul{float:right;padding:25px 0 0 0}
#subTitle h2{margin:0 0 20px 0}

#wrap .lnb {float:left;width:200px;/*font-family:'Malgun Gothic' !important*/}
#wrap .lnb h2 {width:100%;padding:0 0 20px 0;border-bottom:3px solid #e4e4e4;font-size: 30px !important;}
#wrap .lnb h2.lnb-title {font-family:'Noto Sans KR', sans-serif;font-size:30px;font-weight:500;color:#333333;letter-spacing:-1.8px;padding:7px 0 13px 0;}
#wrap .lnb .dep1{margin-bottom:50px}
#wrap .lnb .dep1>li {border-bottom:1px solid #e4e4e4;line-height:46px}
#wrap .lnb .dep1>li a {display:block;padding:0 0 0 17px;font-size:16px;font-weight:bold;color:#333}
#wrap .lnb .dep1>li.on {border:0;background:url('../images/bg_lnb.jpg') no-repeat;margin-top:-1px}
#wrap .lnb .dep1>li.on a {color:#fff}
#wrap .lnb .dep1>li.on>.dep2{display:block}
#wrap .lnb .dep1>li>.dep2{display:none;margin-top:15px;padding:0 0 10px 17px;border-bottom:1px solid #e4e4e4}
#wrap .lnb .dep1>li>.dep2>li{margin-bottom:10px;line-height:18px;background:url('../images/bg_dep2.gif') no-repeat 0 6px} 
#wrap .lnb .dep1>li>.dep2>li>a{font-size:16px;padding-left:10px;font-weight:normal;color:#666} 
#wrap .lnb .dep1>li>.dep2>li.on{background:url('../images/bg_dep2_on.gif') no-repeat 0 6px} 
#wrap .lnb .dep1>li>.dep2>li.on>a{color:#31b97f;font-weight:bold} 
#wrap .lnb .dep1>li>.dep2>li>.dep3{margin-top:10px;padding-left:9px}
#wrap .lnb .dep1>li>.dep2>li>.dep3>li{margin-bottom:8px;line-height: initial;background:url('../images/bg_dep3.gif') no-repeat 0 9px} 
#wrap .lnb .dep1>li>.dep2>li>.dep3>li.on{background:url('../images/bg_dep3_on.gif') no-repeat 0 8px}
#wrap .lnb .dep1>li>.dep2>li>.dep3>li>a{padding-left:10px;font-size:14px;font-weight:normal;color:#888} 
#wrap .lnb .dep1>li>.dep2>li>.dep3>li.on>a{font-weight:normal;color:#31b97f}

#wrap .lnb .lnb_banner {width:168px;border-top:1px solid #e4e4e4;border-right:1px solid #e4e4e4;border-left:1px solid #e4e4e4;border-radius:3px}
#wrap .lnb .lnb_banner * {box-sizing: border-box;}
#wrap .lnb .lnb_banner ul>li{height:40px;border-bottom:1px solid #e4e4e4}
#wrap .lnb .lnb_banner ul>li>span{display:inline-block;width:46px;height:100%;padding-top:11px;background:#f5f5f5;text-align:center}
#wrap .lnb .lnb_banner ul>li>a{display:inline-block;width:calc(100% - 46px);height:100%;padding:13px 0 13px 9px;font-size:13px;font-weight:bold;color:#666;vertical-align:top;}

#wrap .lnb.mypage .dep1>li a {display:block;padding:0 0 0 10px;font-size:18px;font-weight:bold;color:#333}
#wrap .lnb.mypage .dep1>li.on {border:0;background:url('../images/bg_dep2_on.png') no-repeat 0 20px} 
#wrap .lnb.mypage .dep1>li.on > a {color:#02652f;border-bottom:1px solid #e4e4e4}
#wrap .lnb.mypage .dep1>li.on > .dep2{display:block}
#wrap .lnb.mypage .dep1>li>.dep2 {display:none;margin-top:15px;padding-left:17px;border-bottom:1px solid #e4e4e4}
#wrap .lnb.mypage .dep1>li>.dep2 > li {margin-bottom:15px;line-height:15px;background:url('../images/bg_dep3.gif') no-repeat 0 9px} 
#wrap .lnb.mypage .dep1>li>.dep2 > li.on {background:url('../images/bg_dep3_on2.gif') no-repeat 0 9px} 
#wrap .lnb.mypage .dep1>li>.dep2 > li.on > a {color:#02652f;font-weight:normal} 

/* 2022 Lnb 변경 */
#nav{border-bottom:1px solid #ddd;background:#f9f9f9;}
#nav .inner {width:1200px;margin:0 auto;}
#nav .inner > ul > li {display:none;position:relative;border-right:1px solid #ddd;}
#nav .inner > ul > li.depth_2 {display:inline-block;}
#nav .inner > ul > li.depth_2 > a {padding-right:55px;background:#f9f9f9 url('../images/lnb_arrow_l.gif') no-repeat 85% center;min-width:120px;}
#nav .inner > ul > li > a {display:block;position:relative;min-width:60px;padding:24px 30px 25px;box-sizing:border-box;font-size:18px;color:#666;}
#nav .inner > ul > li > span {display:block;position:relative;min-width:60px;padding:18px 20px;box-sizing:border-box;}
#nav .inner > ul > li > a span {display:block;position:absolute;top:27px;right:15px;width:9px;height:5px;}
#nav .inner > ul > li:first-child {background:url('../images/lnb_home.png') no-repeat center;text-indent:-9999px;border-left:1px solid #ddd;}
#nav .inner > ul > li:last-child > a {padding-right:100px;}
#nav .inner > ul.dep1.type02 > li {display:inline-block;}
#nav .inner .dep2, #nav .inner .dep5 {display:none;position:absolute;top:67px;left:-3px;width:100%;z-index:150;border:1px solid #ddd;border-bottom:0;background:#f9f9f9;padding-right:2px;}
#nav .inner .dep2 li a, #nav .inner .dep5 li a {display:block;padding:20px;border-bottom:1px solid #ddd;font-size:16px;}
#nav .inner .dep2 li a:hover, #nav .inner .dep5 li a:hover {background:#f8fafc;color:#F8A910;}
#nav .inner > ul > li.home, #nav .inner > ul > li.on, #nav .inner > ul > li.dep3.on {display:inline-block}
#nav .inner > ul > li.dep3 > a, #nav .inner > ul > li.dep4 > a {padding-right:90px;background:#f9f9f9 url('../images/lnb_arrow_b.png') no-repeat 90% center;color:#F8A910;font-weight:500;}
#nav.login .inner > ul > li.dep3 > a {color:#f8a910;background:#f9f9f9 url('../images/ic_arrow3.png') no-repeat 90% center}
.gotoTop{display:none;width:40px;height:40px;position:absolute;bottom:130px;right:20px;z-index:1000;-webkit-transition:opacity .7s ease-in-out, bottom .5s ease-in-out;transition:opacity .7s ease-in-out, bottom .5s ease-in-out;-webkit-transform:translateZ(0);transform:translateZ(0)}
.gotoTop.affix{position:fixed;bottom:280px}
.gotoTop.maffix{position:fixed;bottom:20px}














/****************************************************************************/




	html.greenNovel {
		width:auto;
	}

 @media (max-width: 1600px) {
	body {
		/*overflow-x:hidden;*/
	}	

	
    /* header {
		max-width:auto;
		width:1600px;
		left:0;
		position:absolute;
	}   */
	
	
	header .aside {
		right:30px;
	}

	header #gnbMenu .depth2 {
		left:-180px;
	}
	
	#wrap {
		width:1600px;
	}
	
	.v2 body.popup-window #wrap {
		width:auto;
	}
	
    header #gnbMenu .depth1 {
        padding-right: 20px;
        margin-right:0;
    }

	header.scroll_under {
		background:#fff;
		box-shadow: 0 3px 3px rgba(00, 00, 00, .05);
	}
	
	.chatbot {bottom:180px !important;}
	
	.btn_spon {
		display:block;
	}
	
	.btn_hide {
		display:block;
	}
	
	.gotoTop.affix {
		bottom:20px; 
	}
} 

 @media (max-width: 1280px) {
 	 	header .aside .recipt {
		display: none;
	} 
	
	header .aside .counsel {
		display: none;
	} 
	
		header .aside .mypage_view {
		left: -80px !important;
	}
	
 }

 @media (max-width: 1080px) {
 	body {
 		/*height:100% !important;*/
 	}
 
 	header {
 		width:1600px;
 		left:0;
 		position:absolute;
 	}
 	

 }


.mainSlider .slick-current .tit1:before{
    content: '';
    position: absolute;bottom: 0px;left: 0;
    width: 300px;
    height: 24px;
    background: url(../images/titbg.png) no-repeat;
    z-index: -1;
}


.mores{text-align: center;margin-top: 70px;}
.mores a{padding:15px 60px;background-color: #8CC248;border-radius: 40px;color: #fff;font-size: 16px;transition: all .5s ease 0s}
.mores a:hover {
    background-color: #f8a910;
    color: #fff;
}
/****************************************************************************/



    .news_area .cons .newright {
        width: 49%;
         background-color: #EEF8F9;
        border-radius: 15px;
        position: relative;
    }

        #calendar {
         background-color:unset;
        border-radius: unset;
        padding: 40px 10px 30px 10px;

    }

    .liness{
            margin:  0 45px 0 45px;
            width: calc(100% - 100px);
            height: 1px;
            background: #cccccc;
            display: none;
    }
    .fc .fc-toolbar.fc-header-toolbar {
        padding: 0 30px;
    }

    .newbottom{
        padding: 30px 45px 30px 45px;
        display: none;
    }
    .newbottom p{font-size: 16px;line-height: 1.42;margin: 5px 0;}

    .newbottom .mores{
        color:  #8CC248;
        font-size: 16px;
    }
    .bgdivss{
        background: #fff;
        border-radius: 15px;
        padding: 15px 20px;
    }
    .ula{
        display: flex;
        margin-top: 30px;
    }
    .ula li{margin-right: 15px;}
    .ula li a{margin-right: 15px;display: flex;align-items: flex-end;font-size: 16px;color: #DF709D;}
    .ula li .incospan{width: 15px;height: 15px;border-radius: 50%;border: 2px solid #DF709D;display: block;}

     .ula li:nth-child(2) a{color: #F8A910;}
    .ula li:nth-child(2) .incospan{
            border: 2px solid #F8A910;
    }

     .ula li:nth-child(3) a{color: #439ADF;}
    .ula li:nth-child(3) .incospan{
            border: 2px solid #439ADF;
    }

         .ula li:nth-child(4) a{color: #652681;}
    .ula li:nth-child(4) .incospan{
            border: 2px solid #652681;
    }





.footer {margin-bottom:0;}
.footer .cons {position: relative;width: 1380px;margin: 0 auto;display: flex;justify-content: space-between;
    align-items: center;border-bottom: 1px solid rgba(255, 255, 255, 0.2);}
.footer .up_footer {width: 100%;padding: 15px 0;background: #f8f8f8;border-bottom: 1px solid #eae8e4;}
.footer .cons .spans{display: flex;align-items: center;font-size: 20px;}
.footer .cons .spans img{padding-right: 15px;}
.footer .cons form{display: flex;align-items: center;background: #fff;border-radius: 50px;padding: 5px 5px 5px 15px;}
.footer .cons input{height: 45px;line-height: 45px;min-width: 300px;padding: 0 10px;font-size: 16px;}
.footer .cons button{background: #7a9d1c;color: #fff;height: 45px;line-height: 45px;border-radius: 50px;padding: 0 25px;}


.footer .down_footer{
    background: rgba(23,93,187);
    padding: 80px 0 0px 0;
}

.footer .down_footer .cons{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: flex-start;
    padding-bottom: 30px;
} 




.footer .down_footer .items:nth-child(1){
   width: 27%;
} 

.footer .down_footer .items:nth-child(1) li a{
    display: flex;
    justify-content: flex-start;
}

.footer .down_footer .items:nth-child(1) li img{
    position: relative;
    top: 2px;
} 
.footer .down_footer .items:nth-child(1) li span{
   width: calc(100% - 30px);
   margin-left: 10px;
   display: block;
} 

.footer .down_footer .items{
   width: 13%;
} 


.footer .down_footer .items ul p{
  font-size: 20px;
  color: #fff;
  margin-bottom: 20px;
} 

.footer .down_footer .items li{
    margin: 10px 0;
}

.footer .down_footer .items li a{
  font-size: 16px;
  color: #fff;
  opacity: 0.85;
  line-height: 1.4;
} 


.footer .copy {
}

.footer .copy p{
    font-size: 16px;
      color: #fff;
    opacity: 0.85;
    text-align: center;
    margin-top: 20px;
}
.footer .cons h3{font-size: 20px;color: #fff;margin-top: 0;margin-bottom: 20px;font-weight: 500;display: flex;justify-content: space-between;}
.footer .cons h3 i{display: none;}

.footer .cons ul li{margin: 10px 0;}
.footer .cons ul li a{
    display: block; 
      font-size: 16px;
  color: #fff;
  opacity: 0.85;
}



 @media (max-width: 768px) {

        .cons{
            width: calc(100%) !important;
           
        }

       .footer .down_footer{
              padding: 40px 15px 0px 15px;
       }
       .footer .up_footer{
        width: calc(100% - 30px);
        padding: 30px 15px;
       }

       .footer .cons input{
        min-width: 220px;
       }

        .footer .cons {
            width: 100%;
            flex-direction: column;
        }

        .footer .cons .spans{
            padding-bottom: 15px;
        }

        .footer .cons form{
            width: 100%;
            padding: 5px 0 5px 0;
        }

        .footer .cons form img{
            width: 100%;
            padding-left: 10px;
        }

        .footer .cons input{
            width: calc(100% - 115px);
            height: 40px;
            line-height: 40px;
        }

        .footer .cons button{
            width: 80px;
            padding: 0 10px;
            font-size: 16px;
            height: 40px;
            line-height: 40px;
        }

        .footer .down_footer .cons .items{
            width: 100%;
        }

        .footer .copy .cons p{
            display: flex;
            justify-content: space-between;
        }

        .footer .cons h3{
            margin-bottom: 10px;
            margin-top: 20px;
            font-size: 18px;
        }
        .footer .down_footer .items li {
                margin: 7px 0;
        }
        .footer .cons h3 i{display: block;}

        .footer .down_footer .cons .items ul{
            display: none;
        }





 }