@charset "utf-8";
#wrap { position: relative;height: 100%; }
#container .sub.layout { margin:0 auto; }

.layout { position: relative;max-width:1400px;margin: 0 auto; }
#txt {  padding:10rem 0;  }
/* #txt .layout { padding:8rem 0;  } */

body.on { overflow: hidden; }   

/*헤더*/
#header { position: relative; background: #fff; height: 9rem;z-index: 3; }
#header:before { content: "";display: block; width:100%; height: 1px; position: absolute; bottom:0; left:0; border-bottom:1px solid #e8e8e8; z-index: 1; }
#header.shrink { position:fixed;left:0;top:0;width:100%;transition:all 1s; } 
#header .layout { height: 100%; max-width:1920px; }
#header .layout #gnb_wrap { padding-left: 25rem;padding-right:23rem; height: 100%;text-align: center; }
#header .layout #gnb_wrap .logo { position: absolute;top:50%;left:10rem;transform: translateY(-50%); }
#header .layout #gnb_wrap .logo a { display: block; width:14.6rem; }
#header .layout #gnb_wrap #gnb { z-index: 2;display:block;float: right; }
#header .layout #gnb_wrap #gnb>ul{ display: table;  height: 9rem; }
#header .layout #gnb_wrap #gnb>ul>li { display: table-cell; vertical-align: middle; position: relative; }
#header .layout #gnb_wrap #gnb>ul>li:nth-of-type(5) { width: 16%; }
#header .layout #gnb_wrap #gnb>ul>li>a { display: block; padding:0 2.5rem; text-align: center; position: relative;height: 9rem;line-height: 9rem; }
#header .layout #gnb_wrap #gnb>ul>li>a:before { content: "";display: block; width:0; height: 4px; bottom:0; left:50%; position: absolute; background: #73b80c; transform: translateX(-50%); opacity: 0;transition: all .5s; }
#header .layout #gnb_wrap #gnb>ul>li>a:after { width:6px;height: 6px;display: block; content: ""; position: absolute; top:1.25rem; left:50%; transform: translateX(-50%); background: #8ec422;border-radius: 50%; opacity: 0; transition: all .2s; }
#header .layout #gnb_wrap #gnb>ul>li>a.on:before { width:100%; opacity: 1; }
#header .layout #gnb_wrap #gnb>ul>li>a.on:after { opacity: 1; }    
#header .layout #gnb_wrap #gnb>ul>li>a>span { display:inline-block; vertical-align: middle; line-height: 150%; color:#111111; font-size:1.6rem; word-break: keep-all; }     
#header .layout #gnb_wrap #gnb>ul>li>.sub:before{ content:"";display: block; position: absolute; top:0; left:0;width:100%;height: 100%; background: #fafafa;border-left:1px solid #e8e8e8;border-right: 1px solid #e8e8e8;opacity: 0; transition:.2s .2s ease-in; }
#header .layout #gnb_wrap #gnb>ul>li>a.on+.sub:before {  opacity: 1; }
#header .layout #gnb_wrap #gnb>ul>li>.sub { position: absolute;top:9rem;width:100%; }
#header .layout #gnb_wrap #gnb>ul>li>.sub>ul { display: none; text-align: center;width:100%;height: auto;position: relative; z-index: 1; }
#header .layout #gnb_wrap #gnb>ul>li>.sub>ul>li:first-of-type { padding-top:2rem; }
#header .layout #gnb_wrap #gnb>ul>li>.sub>ul>li:last-of-type { padding-bottom:2rem; }
#header .layout #gnb_wrap #gnb>ul>li>.sub>ul>li>a { padding: 1rem; display: block;font-weight: 300; font-size:1.6rem;}
#header .layout #gnb_wrap #gnb>ul>li>a.on+.sub>ul>li>a { color:#73b80c; }       
#header .layout #gnb_wrap #gnb>ul>li>a.on+.sub>ul>li>a:hover { text-decoration: underline; }        

.nav_bg { display: none; position: absolute; top:9rem; left:0;width: 100%;height: 100%;background: #fff; z-index: -1; overflow: hidden; border-bottom:1px solid #e8e8e8;}
.nav_bg:before { width:35.1rem;height: 50.7rem; content:"";display: block; position: absolute; top:-2rem; left:0; background: url(../images/layout/nav_bg_before.png) no-repeat center center/cover;}
.nav_bg .tel { position: absolute; right: 3rem; top:50%;transform: translateY(-50%); }
.nav_bg .tel i { position: relative; width:10.2rem;height: 10.2rem;display: block; margin:0 auto 1rem;background: #8ec422;border-radius: 50%; }
.nav_bg .tel i:before { content: "";display: block; position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); width:5.3rem; height: 5.3rem; background: url(../images/layout/call_icon.png) no-repeat center center/cover; }
.nav_bg .tel em { font-size: 2rem; color:#383838;font-weight: bold;line-height: 1.4; }
.nav_bg .tel em span, .nav_bg .tel em a { display: block; }

/*서브비주얼*/
.sub_visual { height: 47.5rem; text-align: center; }
.sub_visual .layout { height:100%; }
.sub_visual .layout h2 { font-size: 6rem; color:#fff; position: absolute; top:50%; left:0; transform: translateY(-50%);width:100%;line-height: normal;padding:0 2rem; }
.sub_visual.vs01 { background: url(../images/layout/sub_visual01.png) no-repeat center center/cover; }
.sub_visual.vs02 { background: url(../images/layout/sub_visual02.png) no-repeat center center/cover; }
.sub_visual.vs03 { background: url(../images/layout/sub_visual03.png) no-repeat center center/cover; }
.sub_visual.vs04 { background: url(../images/layout/sub_visual04.png) no-repeat center center/cover; }
.sub_visual.vs05 { background: url(../images/layout/sub_visual05.png) no-repeat center center/cover; }
.sub_visual.vs06 { background: url(../images/layout/sub_visual06.png) no-repeat center center/cover; }
.sub_visual.vs07 { background: url(../images/layout/sub_visual07.png) no-repeat center center/cover; }

/*모바일/전체메뉴 버튼*/
#header .all_menu {position:absolute; height:9rem; width:9rem;top:50%;right:0;margin-top: -4.5rem;background:#8ec422;}
#header .all_menu p { position: absolute; top:50%; left:50%; transform: translate(-50%,-50%);margin-top:0; }
#header .all_menu p i { font-size: 2.5rem; vertical-align: middle;color:#fff; transition: all 1s;display: none; }
#header .all_menu .open { display: block; }
#header .all_menu.on .open { display: none; }
#header .all_menu .close { display: none; }
#header .all_menu.on .close { display: block; }

/*서브바*/
.snb { background: rgba(68, 68, 68, 0.8); }
.snb .layout .snb_wrap { position: relative; margin-top:-6rem; }
.snb .layout .snb_wrap:after { content: "";display: block; clear: both; }
/*.snb .layout .snb_wrap:before { display: block; position: absolute; left:0; top:0; content: ""; background: #009fdc; opacity: .5; width:100%; height: 100%; }*/
.snb .layout .snb_wrap .home { width:6rem;height: 6rem;display: block; position: relative; float: left; }
.snb .layout .snb_wrap .home:before { content: "";display: block; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%);width:2.2rem;height: 1.8rem;background: url(../images/layout/snb_home.png) no-repeat center center/cover; } 

.snb .layout .snb_wrap .snb_select { float: left;border-left:1px solid #5f6163; position: relative; }
.snb .layout .snb_wrap .snb_select:last-of-type { border-right: 1px solid #5f6163; }
.snb .layout .snb_wrap .snb_select .select_active { width: 30rem;height: 6rem;line-height: 6rem;position: relative; padding-right: 4.25rem;overflow: hidden; }
.snb .layout .snb_wrap .snb_select .select_active i { color:#fff; font-size: 2.25rem; position: absolute; top:50%; right:2rem; transform: translateY(-50%); }
.snb .layout .snb_wrap .snb_select .select_active.on { background: #8ec422; }
.snb .layout .snb_wrap .snb_select .select_active.on i { transform: translateY(-50%) rotate(180deg);  }
.snb .layout .snb_wrap .snb_select .select_active span { position: relative;color:#fff; font-size: 1.7rem;}
.snb .layout .snb_wrap .snb_select .select_list { display: none; position: absolute; left:0;top:100%; width:100%; z-index: 1; }
.snb .layout .snb_wrap .snb_select .select_list:before { display: block; position: absolute; content: ""; top:0; left:0; background:#8ec422;opacity: .95; width:100%; height: 100%; }
.snb .layout .snb_wrap .snb_select .select_list li { border-top:1px solid #fff; position: relative; }
.snb .layout .snb_wrap .snb_select .select_list li a { padding: 1.25rem 2rem; display: block;position: relative; color:#fff; }
.snb .layout .snb_wrap .snb_select .select_list li a:hover { background: #8ec422; }
.snb .layout .snb_wrap .snb_select .select_list li a span { text-align: center; font-size:1.7rem;}

/*서브 제목*/
h3:first-of-type { margin-top:0; } 
h3 { position: relative;padding-left: 3rem; font-size: 5rem;color:#000;text-align: left;line-height: normal;margin:19rem 0 9rem 0; }
h3:before { width:6.6rem;height: 6.6rem;content: "";display: block;position: absolute; left:0; top:-1.5rem; background:#eff5ce;border-radius: 50%;z-index: -1; }
h3>i{ margin-left: 2rem; }
h3>i>img{ height: 7rem; vertical-align: middle; }
/*좌측메뉴*/
#lnb{width:26rem;height: 100%; float:left; }
#lnb .lnb_menu>li>a{display:block;position:relative;padding:2rem;color:#3f3f3f;border-top:1px solid #e0e0e0;background:#fff;letter-spacing:-0.05em;transition:none}
#lnb .lnb_menu>li>a[target="_blank"]:after { width: 13px;height: 10px;display: block;content: "";background: url(../../images/layout/blank.png) center center no-repeat;position: absolute;top: 50%;right: 1rem;transform: translateY(-50%); }
#lnb .lnb_menu>li:last-of-type>a { border-bottom: 1px solid #e0e0e0; }
#lnb .lnb_menu>li>a:hover{color:#222}
#lnb .lnb_menu>li>a.sub:after{content:"";display:block;position:absolute;right:2rem;top:50%;margin-top:-6px;width:12px;height:12px;background:url(../images/layout/lnb_arr.png) no-repeat;transition:all .3s}
#lnb .lnb_menu>li>a.on.sub{background:#009fdc;color:#fff;}
#lnb .lnb_menu>li>a.on.sub:after{transform:rotate(180deg);background:url(../images/layout/lnb_arr_on.png) no-repeat;width:12px;height:2px;margin-top: -1px;}
#lnb .lnb_menu>li>ul{display:none;padding: 1.15rem 1.65rem;background: #f5f5f5; }
#lnb .lnb_menu>li>ul>li>a{position:relative;display:block;color:#313131;padding-left: 1rem; }
#lnb .lnb_menu>li>ul>li { margin-bottom: .5rem; }
#lnb .lnb_menu>li>ul>li:first-of-type { margin-top: 0; }
#lnb .lnb_menu>li>ul>li>a:hover{text-decoration:underline}
#lnb .lnb_menu>li>ul>li>a.on{color:#288bcc}
#lnb .lnb_menu>li>ul>li>a:before{content:"";display:block;width:4px;height:4px;position:absolute;left:0;top:1.15rem;background:#888888;}
#lnb .lnb_menu>li>ul>li>a:hover:before{ background: #888888 !important; }
#lnb .lnb_menu>li>ul>li>a.on:before{background:#288bcc}

/* 헤더 팝업 버튼 */
#header .popup-btn { position: absolute; top: 50%; right: 18rem; background: #fff; transform: translateY(-50%); }
#header .popup-btn p { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); margin-top: 0; line-height: 1; }
#header .popup-btn p i { font-size: 3.2rem; vertical-align: middle; color: #080808; transition: all 1s; }
#header .popup-btn p em { position: absolute; color: #fff; top: -.5rem; right: -.5rem; text-align: center; font-family: Koruri; font-size: 1.4rem; font-style: normal; font-weight: 800; line-height: normal; letter-spacing: -0.005rem; text-transform: uppercase; display: flex; width: 2rem; height: 2rem; padding: 0 0.3rem; justify-content: center; align-items: center; gap: 1rem; border-radius: 60rem; background: #F66802; }

/* 메인 팝업 */
#main-popup { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; display: flex; align-items: center; justify-content: center; flex-direction: column; visibility: hidden; opacity: 0; transition: opacity 0.3s, visibility 0.3s; }
#main-popup.popup-open { visibility: visible; opacity: 1; }
#main-popup .main-popup-bg { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.65); cursor: pointer; }
#main-popup .main-popup-container { width: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 4.1rem; position: relative; z-index: 1; }
#main-popup .main-popup-container .main-popup-title strong { color: #FFF; font-family: "Montserrat"; font-size: 4rem; font-weight: 700; letter-spacing: -0.2rem; }
#main-popup .main-popup-container .main-popup-content { max-width:66rem; width:100%; } 
#main-popup .main-popup-container .main-popup-content .main-popup-slide-wrap { position: relative; display: flex; flex-direction: column; align-items: center; padding: 0 6rem; }
#main-popup .main-popup-container .main-popup-content .main-popup-slide-wrap .swiper .swiper-wrapper .swiper-slide img { display: block; }
#main-popup .main-popup-container .main-popup-content .main-popup-slide-wrap .main-popup-count { display: flex; justify-content: flex-end; margin-bottom: .8rem; max-width: 50rem; width: 100%; }
#main-popup .main-popup-container .main-popup-content .main-popup-slide-wrap .main-popup-count span { color: #FFF; font-size: 1.8rem; font-weight: 500; }
#main-popup .main-popup-container .main-popup-content .main-popup-slide-wrap .main-popup-count span b { font-weight: 500; color:#fff; }
#main-popup .main-popup-container .main-popup-content .main-popup-slide-wrap .main-popup-slide { width: 100%; max-width:50rem; overflow: hidden; }
#main-popup .main-popup-container .main-popup-content .main-popup-slide-wrap .main-popup-pagination { display: flex; justify-content: center; margin-top: 2.4rem; gap: .8rem; }
#main-popup .main-popup-container .main-popup-content .main-popup-slide-wrap .main-popup-pagination span { width: .9rem; height: .9rem; background: #fff; opacity: .4; border-radius: 50%; margin: 0; cursor: pointer; transition: opacity 0.3s; }
#main-popup .main-popup-container .main-popup-content .main-popup-slide-wrap .main-popup-pagination span.swiper-pagination-bullet-active { opacity: 1; }
#main-popup .main-popup-container .main-popup-content .main-popup-slide-wrap .main-popup-slide-control { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; display: flex; justify-content: space-between; pointer-events: none; }
#main-popup .main-popup-container .main-popup-content .main-popup-slide-wrap .main-popup-slide-control .btn { width: 4.8rem; height: 4.8rem; border:1px solid #fff; display: flex; align-items: center; justify-content: center; padding: 0; border-radius:50%; cursor: pointer; pointer-events: auto; transition: background 0.3s; }
#main-popup .main-popup-container .main-popup-content .main-popup-slide-wrap .main-popup-slide-control .btn:hover { background: #333; }
#main-popup .main-popup-container .main-popup-content .main-popup-slide-wrap .main-popup-slide-control .btn i { color: #fff; font-size: 1.4rem; }
#main-popup .main-popup-container .main-popup-content .popup-btn { display: flex; justify-content: center; gap: 1.6rem; margin-top: 4.8rem; }
#main-popup .main-popup-container .main-popup-content .popup-btn .btn { padding: 0 2.4rem; height: 5.9rem; display: inline-flex; align-items: center; justify-content: center; gap: .8rem; cursor: pointer; transition: all 0.3s; }
#main-popup .main-popup-container .main-popup-content .popup-btn .btn span { color: #fff; }
#main-popup .main-popup-container .main-popup-content .popup-btn .btn i { color: #fff; font-size: 1.5rem; transform: translateY(.1rem); }
#main-popup .main-popup-container .main-popup-content .popup-btn .btn.btn-today { border: 1px solid #fff; }
#main-popup .main-popup-container .main-popup-content .popup-btn .btn.btn-today i { opacity: .5; }
#main-popup .main-popup-container .main-popup-content .popup-btn .btn.btn-close { background:#8EC422; }

/* 애니메이션 */
@keyframes fadeInDown { from { opacity: 0; transform: translateY(-5rem); } to { opacity: 1; transform: translateY(0); } }
@keyframes fadeInLeft { from { opacity: 0; transform: translateX(5rem); } to { opacity: 1; transform: translateX(0); } }
@keyframes fadeInRight { from { opacity: 0; transform: translateX(-5rem); } to { opacity: 1; transform: translateX(0); } }
#main-popup .main-popup-title, #main-popup .main-popup-count, #main-popup .main-popup-slide, #main-popup .main-popup-pagination, #main-popup .popup-btn, #main-popup .main-popup-slide-control .btn { opacity: 0; }
#main-popup.popup-open .main-popup-title { animation: fadeInDown 0.5s ease-out 0.3s forwards; }
#main-popup.popup-open .main-popup-count { animation: fadeInDown 0.5s ease-out 0.5s forwards; }
#main-popup.popup-open .main-popup-slide { animation: fadeInDown 0.5s ease-out 0.7s forwards; }
#main-popup.popup-open .main-popup-slide-control .btn-prev { animation: fadeInLeft 0.5s ease-out 0.7s forwards; }
#main-popup.popup-open .main-popup-slide-control .btn-next { animation: fadeInRight 0.5s ease-out 0.7s forwards; }
#main-popup.popup-open .main-popup-pagination { animation: fadeInDown 0.5s ease-out 0.9s forwards; }
#main-popup.popup-open .popup-btn { animation: fadeInDown 0.5s ease-out 1.1s forwards; }

/* 반응형 */
@media (max-width: 1024px) {
    #main-popup .main-popup-slide-wrap { padding: 0 6rem; }
    #main-popup .main-popup-title strong { font-size: 3rem; }
}
@media (max-width: 768px) {
    #main-popup .main-popup-slide-wrap { padding: 0 4rem; }
    #main-popup .main-popup-title strong { font-size: 2.4rem; }
}


/*검색*/ 
#header .search {position:absolute; top:50%;right:13rem;background:#fff; transform: translateY(-50%);}
#header .search p { position: absolute; top:50%; left:50%; transform: translate(-50%,-50%);margin-top:0; }
#header .search p i { font-size: 3rem; vertical-align: middle;color:#080808; transition: all 1s;display: none; }
#header .search p .open { display: block; } 
#header .search.on p .open { display: none; } 
#header .search p .close { display: none; } 
#header .search.on p .close { display: block; } 
#header .search_box:before { display: block;width: 1000%;background: #fff;position: absolute;top: 0;left: 50%;content: "";height: 100%;transform: translateX(-50%);z-index: 2;}
#header .search_box { display: none;position: absolute; top:9rem; left:0;background: #fff;width:100%;padding: 4rem 0;border-bottom:1px solid #ddd; }
#header .search_box .search_wrap { width:100rem;margin:0 auto; position: relative;padding-left: 15rem;z-index: 3; }
#header .search_box .search_wrap strong { display: block; position: absolute; top:50%; left:0; font-size: 2.5rem;color:#8ec422;transform: translateY(-50%); line-height: 100%; }
#header .search_box .search_wrap .search_bar { padding-right: 6rem; }
#header .search_box .search_wrap .search_bar input { height: 6rem;width:100%; }
#header .search_box .search_wrap .search_bar .submit { position: absolute; top:50%; right:0; transform: translateY(-50%); width:6rem;height: 6rem; background: #8ec422; }
#header .search_box .search_wrap .search_bar .submit i { font-size: 2rem;color:#fff; }

/*전체메뉴*/
.shrink .mobile_wrap { position:fixed; transition:0;} 
.mobile_wrap { position: absolute;top:9rem;width:100%;right:-100%;height: calc(100% - 9rem); opacity: 0;transition: all .2s;z-index: 2;visibility: hidden;overflow: hidden;}
.mobile_wrap .layout { height: 100%;max-width:1680px; }
.mobile_menu { position: relative;height: 100%; }
.mobile_menu:before { width: 20rem;background: #f6f7f9;position: absolute;left:0;top:0;content: "";display: block; height: 100%;}
.mobile_menu>ul { height: 100%;position: relative; }
.mobile_menu>ul>li>a { width:20rem;display: table; background: #f6f7f9; padding:2rem; }
.mobile_menu>ul>li>a.on { background: #8ec422; }
.mobile_menu>ul>li>a.on>span { color:#fff; }  
.mobile_menu>ul>li>a>span { display: block; line-height: 3.5rem; text-align: center;font-size: 1.8rem; }   
.mobile_menu>ul>li>.sub { display: none; position: absolute; width:calc(100% - 20rem); left:20rem; height: 100%;top:0;padding:2rem;background:#fff; }
.mobile_menu>ul>li.on .sub { display: block; padding: 2rem; }
.mobile_menu>ul>li.on>a { background: #353541; color:#fff; }
.mobile_menu>ul>li>.sub>ul>li>a { display: block; padding: 2rem; position: relative; font-size:1.7rem;}
.mobile_menu>ul>li>.sub>ul>li>a>span { font-size: 1.7rem;display: block; }
.mobile_menu>ul>li>.sub>ul>li { border-top:1px solid #ddd; }
.mobile_menu>ul>li>.sub>ul>li:first-of-type { border-top:0; }
.mobile_menu>ul>li>.sub>ul>li>a.on { border-bottom:1px solid #009fdc; }
.mobile_menu>ul>li>.sub>ul>li>.depth { padding: 2rem;display: none; } 
.mobile_menu>ul>li>.sub>ul>li>.depth>ul>li { margin-top:1rem; }
.mobile_menu>ul>li>.sub>ul>li>.depth>ul>li:first-of-type { margin-top:0; }
.mobile_menu>ul>li>.sub>ul>li>a:before { display: block; position: absolute; top:50%; right:2rem; transform: translateY(-50%); content: ""; background: url(../images/layout/mobile_menu_arr.png) no-repeat center center/cover; width: 1.3rem; height: .8rem; }
.mobile_menu>ul>li>.sub>ul>li>a.on:before { transform:translateY(-50%) rotate(-180deg); }
.mobile_menu>ul>li>a.on + .sub { display: block; }
.mobile_menu>ul>li>.sub>ul>li>a.empty:before { display: none; }
.mobile_menu ul li a span{ position: relative; }
.mobile_menu ul li a[target="_blank"] span:after { width: 13px;height: 10px;display: block;content: "";background: url(../../images/layout/blank.png) center center no-repeat;position: absolute;top: 50%;right: 0;transform: translateY(-50%); }

.mobile_menu>ul>li>.sub>ul>li>a[target="_blank"] span:after { width: 13px;height: 10px;display: block;content: "";background: url(../../images/layout/blank.png) center center no-repeat;position: absolute;top: 50%;right: 0;transform: translateY(-50%); }
.mobile_wrap.on { opacity: 1;right:0;transition: all .2s;visibility: visible;overflow: visible; }

.blind { display:none;position:fixed;left:0;top:0;width:100%;height:100%;background:#000;opacity:0;z-index:1; }
body.on .blind{ display: block; opacity: .5; }



/*전체메뉴 스크롤바*/
.mobile_wrap .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: #8ec422; }
.mobile_wrap .mCSB_scrollTools .mCSB_draggerRail { background: #ddd; }
.mobile_wrap .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mobile_wrap .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mobile_wrap .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background: #8ec422; }

/*상단 탑 이동*/
.page_topBtn{position: absolute;bottom: 0;z-index: 1;right: 10rem;}
.page_topBtn a{ position: relative; width: 5rem;height: 5rem;display: block;background: #f69802; }
.page_topBtn a i { position: absolute; top:50%; left:50%; transform: translate(-50%, -50%);color:#fff; }

/*푸터*/
#footer { position: relative; padding: 4.5rem 0; background: #121212; }
#footer .layout .inner{ position: relative; display:flex; }

#footer .layout .inner .foot_left { float:left; } 
#footer .layout .inner .f_logo { overflow:hidden; } 



#footer .layout .inner .f_logo .tit { font-size: 2.5rem;color:#fff; text-align:right;display:block; }
#footer .layout .inner .f_logo p { text-align:right; color:#fff; opacity:1;font-size:1.6rem; word-break: keep-all; } 
#footer .layout .inner .f_nav { display: flex; margin-bottom: 2rem; flex-wrap:wrap; }
#footer .layout .inner .f_nav li { position: relative; flex-shrink:0; }
#footer .layout .inner .f_nav li:before { width:3px;height: 3px;display: block; content: ""; background: #5a5a5a; left:-.15rem; top:50%; transform: translateY(-50%); position: absolute; }
#footer .layout .inner .f_nav li:first-of-type:before { display: none; }
#footer .layout .inner .f_nav li a { display: block; padding: 0 2rem; text-align: center; color:#fff;font-weight: 300; font-size: 1.6rem; }
#footer .layout .inner .f_nav li:first-of-type a{ padding-left:0; } 



#footer .layout .inner address ul { overflow: hidden; }
#footer .layout .inner address p { color:#fff; opacity: 1;font-size:2rem;}
#footer .layout .inner address ul li { position: relative; float: left; padding: 0 2rem;font-weight: 300;font-size: 1.5rem; color:#fff; opacity: 1; }
#footer .layout .inner address ul li a { color: #fff; }
#footer .layout .inner address ul li:before { width:2px;height: 16px;display: block; content: ""; background: #bababa; left:-.1rem; top:50%; transform: translateY(-50%); position: absolute; }
#footer .layout .inner address ul li:first-of-type:before { display: none; }
#footer .layout .inner address ul li:first-of-type { padding-left:0;  }



/*전체메뉴 1550px 이상*/
@media(min-width:1550px){
	.mobile_wrap .layout{ padding: 5rem 0;height: calc(100% - 10rem); }
	.mobile_menu>ul { margin:0 auto; }
	.mobile_menu:before { display: none; } 
    .mobile_menu>ul { display: flex; flex-wrap: wrap; gap:2%; } 
	.mobile_menu>ul>li { width:15%; }
	.mobile_menu>ul>li:first-of-type { margin-left:0; }
	.mobile_menu>ul>li>.sub { width:100%;position: relative; left:auto; top:auto; display: block !important; padding: 2rem 0; }
	.mobile_menu>ul>li>.sub>ul>li { float: none;width:100%;border-top:0; }
	.mobile_menu>ul>li>.sub>ul { overflow: hidden; }
	.mobile_menu>ul>li>.sub>ul>li>a { padding: 1rem 1rem 1rem 2rem;position: relative; }
	.mobile_menu>ul>li>.sub>ul>li>a:before{ display: block !important; width:10px; height: 2px; background: #ddd; position: absolute; top:3.1rem; left:0; content: ""; right: auto; transform: none; }
	.mobile_menu>ul>li>.sub>ul>li>.depth { display: block !important; }
	.mobile_menu>ul>li>.sub>ul>li>a>span { font-size: 1.6rem; }
	.mobile_menu>ul>li>a { width:100%;height: auto;background: none; border-bottom:1px solid #ddd;padding:0;height: 10rem; display: table; }
	.mobile_menu>ul>li>a>span { padding:2rem 0;display: table-cell; position: relative; text-align: left; vertical-align: middle;font-size: 1.7rem; }
	.mobile_menu>ul>li>a>span:before { content:"";display: block; height: 4px;left:0;bottom:0;width:100%; background: #8ec422; position: absolute;}
	.mobile_wrap { background: #fff; top:-200%;right:auto;height: 100%; }
	.mobile_wrap.on { opacity: 1;top:9rem; }
	.mobile_wrap.on .mobile_menu>ul { overflow-y: auto;height: calc(100% - 10rem); }
	.mobile_menu ul li a[target="_blank"] span:after { position: relative; display: inline-block; top:auto;right:auto; transform: none; margin-left:1rem; vertical-align: middle; }
	.mobile_menu>ul>li>.sub>ul>li>a[target="_blank"] span:after { position: relative; display: inline-block; top:auto;right:auto; transform: none; margin-left:1rem; vertical-align: middle; }
	.mobile_menu>ul>li>.sub>ul>li>a.on { border:0; }
	.mobile_menu>ul>li>a.on { background: none; }
	.mobile_menu>ul>li>a.on span { color:#555; }
}


@media(max-width:1680px){ 
	.mobile_wrap .layout { padding:0 2rem; }

}

@media (max-width:480px){
.mobile_wrap { width:100%; } 
}



/*반응형*/
@media (max-width:1600px){
	#header .layout #gnb_wrap { padding-right: 18rem;padding-left:17rem; }
	#header .layout #gnb_wrap .logo { left:2rem; }
	#header .all_menu { display: block; }
	#header .search_box  { padding: 4rem 2rem; }
	#header .search_box .search_wrap { width:100%; }
}

@media (max-width:1550px){
	#header .layout #gnb_wrap #gnb { display: none !important; }
	
	.mobile_wrap { width:50rem; }
	.mobile_wrap .layout{ padding:0; }
}

@media (max-width:1400px){
	.layout { padding:0 2rem; }
	#header .layout #gnb_wrap .logo { left:2rem; }
	#footer .layout .inner { padding-right:0; }
	#footer .layout .inner address ul { display: inline-block; }
	#footer .layout .inner { flex-direction: column; } 
	#footer .layout .inner .foot_left { float:none;margin-bottom:2rem; } 
	#footer .layout .inner .f_logo .tit { text-align:left;margin-bottom:1rem; } 
	#footer .layout .inner .f_logo p { text-align:left; } 
}

@media (max-width:1200px){
	#lnb { display: none; }
	#content_wrap { margin-left:0; }
}

@media (max-width:767px){
	.sub_visual { padding: 11rem 0; }
	.snb { display: none; }
	#sub_tit { border-bottom:1px solid #ddd; }
	.page_topBtn { bottom:auto;top:-5rem;right:4rem; }
}
@media (max-width:700px){
	#footer .layout .inner .f_nav li { display: block; }
	#footer .layout .inner .f_nav li:before { display: none; }
	#footer .layout .inner { text-align:center; } 
	#footer .layout .inner address ul li { float: none; width:100%; }
	#footer .layout .inner address ul li:before { display: none; }
	#footer .layout .inner address p { word-break: keep-all; }
	#footer .layout .inner .f_nav { display:inline-block;  }
	#footer .layout .inner .f_logo .tit { text-align:center; } 
	#footer .layout .inner .f_logo p { text-align:center; } 
}