@charset "UTF-8";
/* layout */
#wrap { font-family: 'Noto Sans KR', 'Malgun Gothic', '맑은고딕'; }

body.start #header {transform: translateY(0px); transition: all .5s ease .5s; }

/* 레이어팝업이 띄워질때 */
#header.popup { transform: translateY(0rem); }

.bottom_link{ margin-top: 3rem;}

.bottom_link a{display:inline-block; padding:0 2rem; background: #9c1c2b; border-radius: 50rem; font-size: 0.9rem; line-height: 3rem;}

.bottom_link i{display:inline-block; margin-left: 0.5rem;}

.bottom_link i img{vertical-align: initial;}

/* header */
#header { position: absolute; top: 0; width: 100%; z-index: 100; transition: all .5s ease .5s; transform: translateY(-7.5rem); /* 스크롤 */ }

#header .headerWrap .topService { height: 2.5rem; line-height: 2.5rem; border-bottom: 1px solid rgba(255, 255, 255, 0.18); /*border-image: linear-gradient(to right, #9c1c2b 60%, rgba(255,255,255,.2) 60%) 1;*/ box-sizing: border-box; }

#header .headerWrap .topService .container { position: relative; }

#header .headerWrap .topService .container .campus { position: absolute; top: 0; left: 0; }

#header .headerWrap .topService .container .campus ul li { float: left; width: 9.5rem; height: 2.5rem; line-height: 2.5rem; text-align: center; color: #fff; background-color: #9c1c2b; }

#header .headerWrap .topService .container .campus ul li:nth-child(2) { background-color: #9b8873; }

#header .headerWrap .topService .container .campus ul li a { width: 100%; display: block; }

#header .headerWrap .topService .container .etc { position: absolute; top: 0; right: 0; }

#header .headerWrap .topService .container .etc .mn { float: left; font-size: .75rem; }

#header .headerWrap .topService .container .etc .mn li { float: left; margin-left: 1px; height: 2.5rem; line-height: 2.5rem; position: relative; }

#header .headerWrap .topService .container .etc .mn li:after { content: ''; width: 1px; height: .7rem; background-color: rgba(255, 255, 255, 0.8); position: absolute; right: 0rem; top: .95rem; }

#header .headerWrap .topService .container .etc .mn li:last-child { margin: 0; }

#header .headerWrap .topService .container .etc .mn li a { color: #fff; display: block; padding: 0 1rem; }

#header .headerWrap .topService .container .etc .language { float: left; color: #fff; height: 2.5rem; line-height: 2.5rem; padding: 0 1rem; font-size: .75rem; position: relative; z-index: 200; }

#header .headerWrap .topService .container .etc .language:before { content: ''; position: absolute; bottom: -.1rem; left: 50%; transform: translateX(-50%); border-style: solid; border-color: transparent transparent #9b8873 transparent; border-width: 0rem; z-index: -1; }

#header .headerWrap .topService .container .etc .language.active:before { border-width: .5rem; transition: all .2s; }

#header .headerWrap .topService .container .etc .language li { visibility: hidden; overflow: hidden; height: 0; opacity: 0; transition: all 0.2s; width: 4.5rem; text-align: center; }

#header .headerWrap .topService .container .etc .language li.active { visibility: visible; height: auto; opacity: 1; position: relative; }

#header .headerWrap .topService .container .etc .language li.active:before { content: ''; font-family: 'xeicon'; font-size: .75rem; width: 1.2rem; height: 1.5rem; line-height: 2; position: absolute; left: 0; top: .5rem; color: #fff; }

#header .headerWrap .topService .container .etc .language li.active:after { content: ''; font-family: 'xeicon'; font-size: .7rem; width: 1.2rem; height: 1.5rem; line-height: 2; position: absolute; right: 0; top: .5rem; color: #fff; transition: all .2s; }

#header .headerWrap .topService .container .etc .language.active li { visibility: visible; height: auto; opacity: 1; }

#header .headerWrap .topService .container .etc .language.active li.active:hover { background-color: transparent; }

#header .headerWrap .topService .container .etc .language.active li.active:after { transform: rotate(180deg); transition: all .2s; }

#header .headerWrap .topService .container .etc .language.active li + li { background-color: #9b8873; border-bottom: 1px solid #a59481; line-height: 1.75rem; height: 1.75rem; }

/* #header .headerWrap .topService .container .etc .language.active li + li a { display: block; clear: both; } */

#header .headerWrap .topService .container .etc .language.active li:hover{ background-color: #333333; }

#header .headerWrap .gnbWrap { height: 5rem; }

#header .headerWrap .gnbWrap .container { position: relative; }

#header .headerWrap .gnbWrap .container .logo { width: 9.15rem; height: 2rem; position: absolute; z-index: 1; top: 1.3rem; background: url(/home/img/layout/logo.png) no-repeat; background-size: 100%; background-position: 0 0; }

#header .headerWrap .gnbWrap .container .logo a { display: block; width: 100%; height: 100%; }

#header .headerWrap .gnbWrap .container #head_menu_all { position: absolute; width: 100%; left: 50%; transform: translateX(-50%); top: 0rem; text-align: center; font-size: 1rem; font-weight: 400; padding-left: 2rem; color: #fff; }

#header .headerWrap .gnbWrap .container #head_menu_all.beforeNo:before { display: none; }

#header .headerWrap .gnbWrap .container #head_menu_all > li { display: inline-block; margin: 0 1.8rem; line-height: 5rem; }

#header .headerWrap .gnbWrap .container #head_menu_all > li > a { position: relative; height: 100%; display: block; }

#header .headerWrap .gnbWrap .container #head_menu_all > li > a.linkWindow { /*color: #e9d3a8;*/ color: #ffd684; font-weight: 600; }

#header .headerWrap .gnbWrap .container #head_menu_all > li > a:before { content: ''; width: 0px; height: 7px; border-radius: 50%; background-color: #fff; position: absolute; left: 50%; transform: translateX(-50%); top: 1.2rem; visibility: hidden; }

#header .headerWrap .gnbWrap .container #head_menu_all > li > a:after { content: ''; position: absolute; bottom: 0rem; left: 50%; transform: translateX(-50%); border-style: solid; border-color: #9c1c2b transparent transparent transparent; border-width: 0rem; z-index: 1; }

/* #header .headerWrap .gnbWrap .container #head_menu_all > li.lnb1 .submenu:before { min-height: 25.1rem; }

#header .headerWrap .gnbWrap .container #head_menu_all > li.lnb2 .submenu:before { min-height: 19.4rem; height: 100%; }

#header .headerWrap .gnbWrap .container #head_menu_all > li.lnb3 .submenu:before { min-height: 24.75rem; }

#header .headerWrap .gnbWrap .container #head_menu_all > li.lnb4 .submenu:before { min-height: 24.95rem; }

#header .headerWrap .gnbWrap .container #head_menu_all > li.lnb5 .submenu:before { min-height: 16.25rem; }

#header .headerWrap .gnbWrap .container #head_menu_all > li.lnb6 .submenu:before { min-height: 11.6rem; }

#header .headerWrap .gnbWrap .container #head_menu_all > li.lnb7 .submenu:before { min-height: 24.4rem; }

#header .headerWrap .gnbWrap .container #head_menu_all > li.lnb5 .submenu:after { min-height: 250px; }

#header .headerWrap .gnbWrap .container #head_menu_all > li.lnb6 .submenu:after { min-height: 220px; } */

#header .headerWrap .gnbWrap .container #head_menu_all > li.lnb5 .submenu .desc:before { display: none; }

#header .headerWrap .gnbWrap .container #head_menu_all > li.lnb6 .submenu .desc:before { display: none; }

#header .headerWrap .gnbWrap .container #head_menu_all > li .submenu { display: block !important; visibility: hidden; overflow: hidden; position: relative; height: 0; opacity: 0; position: absolute; left: 0; top: 5rem; opacity: 0; transition: all 0.2s; width: 80rem; left: 50%; transform: translateX(-50%); background: #fff; padding-left: 20rem; font-size: .9rem; color: #3a53a7; text-align: left; }

#header .headerWrap .gnbWrap .container #head_menu_all > li .submenu:before { content: ''; width: 300%; height: auto; min-height: 100%; background-image: linear-gradient(to right, #152a49 50%, #fff 50%); position: absolute; left: 50%; transform: translateX(-50%); z-index: -1; box-shadow: 0.25rem 0.25rem 0.25rem rgba(100, 100, 100, 0.15); top: 0px; }

#header .headerWrap .gnbWrap .container #head_menu_all > li .submenu:after { content: ''; position: absolute; left: -7.2rem; bottom: 0; width: 516px; height: 100%; max-height: 260px; background: url(/home/img/layout/logo_bg.png) 100% 50% no-repeat; }

#header .headerWrap .gnbWrap .container #head_menu_all > li .submenu .desc { color: #fff; position: absolute; left: 0; top: 3.5rem; z-index: 1; font-size: .85rem; color: #a0b1c9; text-align: left; line-height: 1.4; font-weight: 300; }

#header .headerWrap .gnbWrap .container #head_menu_all > li .submenu .desc:before { content: ''; width: 16px; height: 275px; position: absolute; left: 17rem; top: -1.5rem; background: url(/home/img/layout/joongbu.png) no-repeat; z-index: 1; }

#header .headerWrap .gnbWrap .container #head_menu_all > li .submenu .desc strong { display: block; font-family: 'Nanum Square'; font-weight: 900; color: #fff; font-size: 2rem; height: 3rem; line-height: 3rem; margin-bottom: .5rem; }

#header .headerWrap .gnbWrap .container #head_menu_all > li .submenu .desc strong:before { content: ''; width: 1.5rem; height: .25rem; background-color: #fff; position: absolute; left: 0rem; top: -.7rem; z-index: 1; }

#header .headerWrap .gnbWrap .container #head_menu_all > li .submenu > ul { background-image: linear-gradient(to right, #193658 50%, #fff 50%); position: relative; }

#header .headerWrap .gnbWrap .container #head_menu_all > li .submenu > ul > li { border-bottom: 1px solid #27466a; }

#header .headerWrap .gnbWrap .container #head_menu_all > li .submenu > ul > li > a { width: 12.5rem; float: left; padding: .35rem 1rem .35rem 2rem; line-height: 1.5rem; color: #fff; font-weight: 400; font-size: .8rem; position: relative; }

#header .headerWrap .gnbWrap .container #head_menu_all > li .submenu > ul > li > a:before { content: ''; width: 10px; height: 9px; position: absolute; background: url(/home/img/layout/marker01.png) no-repeat; left: 1.1rem; top: .8rem; transition: all .2s; }

#header .headerWrap .gnbWrap .container #head_menu_all > li .submenu > ul > li > a.linkWindow:after { content: ''; font-family: 'xeicon'; width: 1rem; height: 1rem; font-size: .8rem; padding-left: .2rem; }

#header .headerWrap .gnbWrap .container #head_menu_all > li .submenu > ul > li > div { width: calc(100% - 12.5rem); float: left; background-color: #fff; font-size: .75rem; color: #555; border-bottom: 1px solid #ddd; padding: .35rem 1rem; margin-bottom: -1px; min-height: calc(2.2rem + 2px); }

#header .headerWrap .gnbWrap .container #head_menu_all > li .submenu > ul > li > div ul.lnb-detail { width: 100%; }

#header .headerWrap .gnbWrap .container #head_menu_all > li .submenu > ul > li > div ul.lnb-detail li { float: left; line-height: 1.6rem; margin-right: 1rem; padding-left: .3rem; position: relative; }

#header .headerWrap .gnbWrap .container #head_menu_all > li .submenu > ul > li > div ul.lnb-detail li:before { content: ''; width: 2px; height: 2px; border-radius: 50%; background-color: #777; position: absolute; left: 0; top: 14px; }

#header .headerWrap .gnbWrap .container #head_menu_all > li .submenu > ul > li > div ul.lnb-detail li:hover { color: #3c4165; font-weight: 500; }

#header .headerWrap .gnbWrap .container #head_menu_all > li .submenu > ul > li > div ul.lnb-detail li:hover:before { width: 3px; height: 3px; background-color: #3c4165; }

#header .headerWrap .gnbWrap .container #head_menu_all > li .submenu > ul > li > div ul.lnb-detail li a { position: relative; }

#header .headerWrap .gnbWrap .container #head_menu_all > li .submenu > ul > li > div ul.lnb-detail li a.linkWindow:after { content: ''; font-family: 'xeicon'; width: 1rem; height: 1rem; line-height: 1rem; font-size: .65rem; padding-left: .2rem; }

#header .headerWrap .gnbWrap .container #head_menu_all > li .submenu > ul > li:after { content: ''; display: block; clear: both; }

#header .headerWrap .gnbWrap .container .total_search { position: absolute; right: 1.5rem; top: 1.8rem; }

#header .headerWrap .gnbWrap .container .total_search i { font-size: 1.4rem; color: #fff; }

#header .headerWrap .gnbWrap .container .searchWrap { opacity: 0; visibility: hidden; height: 6rem; position: absolute; top: 5rem; width: 200%; left: 50%; transform: translateX(-50%); z-index: 10; transition: all .2s ease; background-color: #fff; }

#header .headerWrap .gnbWrap .container .searchWrap:before { content: ''; width: 200%; height: 1000%; background-color: rgba(0, 0, 0, 0.4); left: 0; top: 6rem; display: block; position: absolute; }

#header .headerWrap .gnbWrap .container .searchWrap .container-dimm { width: 80rem; max-width: 50%; left: 50%; transform: translateX(-50%); height: 6rem; background-color: #fff; position: relative; }

#header .headerWrap .gnbWrap .container .searchWrap .container-dimm .search_box { padding: 1.25rem 0; width: 36rem; max-width: 70%; margin: 0 auto; position: relative; }

#header .headerWrap .gnbWrap .container .searchWrap .container-dimm .search_box .title { display: inline-block; width: 6rem; line-height: 3.5rem; float: left; font-size: 1.4rem; color: #3c4165; font-family: 'Nanum Square'; font-weight: 900; }

#header .headerWrap .gnbWrap .container .searchWrap .container-dimm .search_box .search_keyword { width: 100%; height: 3.5rem; display: block; padding: 1rem 1.5rem; border: none; border-bottom: 2px solid #f6f7f9; background: #f6f7f9; font-size: 1.125em; line-height: 1.667em; letter-spacing: -0.04167em; margin: 0 auto; color: #333; }

#header .headerWrap .gnbWrap .container .searchWrap .container-dimm .search_box .search_keyword::-webkit-input-placeholder { color: #555; font-weight: 300; font-size: .9rem; }

#header .headerWrap .gnbWrap .container .searchWrap .container-dimm .search_box .search_keyword:-ms-input-placeholder { color: #555; font-weight: 300; font-size: .9rem; }

#header .headerWrap .gnbWrap .container .searchWrap .container-dimm .search_box .search_keyword::-ms-input-placeholder { color: #555; font-weight: 300; font-size: .9rem; }

#header .headerWrap .gnbWrap .container .searchWrap .container-dimm .search_box .search_keyword::placeholder { color: #555; font-weight: 300; font-size: .9rem; }

#header .headerWrap .gnbWrap .container .searchWrap .container-dimm .search_box button { position: absolute; right: 1.2rem; bottom: 2.3rem; width: 1.3rem; height: 1.3rem; overflow: hidden; }

#header .headerWrap .gnbWrap .container .searchWrap .container-dimm .search_box button i { font-size: 1.3rem; color: #333; }

#header .headerWrap .gnbWrap .container .searchWrap .container-dimm .btn_close { width: 5rem; height: 1.9rem; line-height: 1.8rem; text-align: center; color: #333; border: 1px solid #dddddd; position: absolute; right: 0rem; top: 2rem; }

#header .headerWrap .gnbWrap .container .searchWrap .container-dimm .btn_close a { width: 100%; display: block; }

#header .headerWrap .gnbWrap .container .searchWrap.active { opacity: 1; visibility: inherit; max-height: inherit; transition: all .2s ease; }

#header .headerWrap .gnbWrap .container .allmenu { position: absolute; top: 2rem; right: 4.5rem; width: 30px; height: 21px; display: block; z-index: 100; }

#header .headerWrap .gnbWrap .container .allmenu [class*="bar"] { display: block; width: 100%; height: 3px; background: #fff; position: absolute; left: 0; border-radius: 16%; }

#header .headerWrap .gnbWrap .container .allmenu.active [class*="bar"] { background: #4f525f; }

#header .headerWrap .gnbWrap .container .allmenu .bar1 { top: 0; width: 80%; margin-left: 20%; }

#header .headerWrap .gnbWrap .container .allmenu .bar2 { top: 9px; }

#header .headerWrap .gnbWrap .container .allmenu .bar3 { top: 18px; width: 70%; margin-left: 30%; }

#header .headerWrap .gnbWrap .container .allmenu.active { position: fixed; top: 25px; }

#header .headerWrap .gnbWrap .container .allmenu.active .bar1 { transform: rotate(45deg); top: 11px; }

#header .headerWrap .gnbWrap .container .allmenu.active .bar2 { opacity: 0; visibility: hidden; z-index: -1; }

#header .headerWrap .gnbWrap .container .allmenu.active .bar3 { transform: rotate(315deg); top: 11px; }

#header .headerWrap .gnbWrap .container .m_popup { position: absolute; width: 1.5rem; height: 1.5rem; top: 1.45rem; right: 0; display: none; }

#header .headerWrap #gnb { visibility: hidden; opacity: 0; width: 25rem; height: 1000%; position: absolute; background-color: #fff; right: -25rem; top: 3.5rem; transition: all .2s; }

#header .headerWrap #gnb #head_menu_m > li > a { width: 7rem; height: 6.5rem; background-color: #f6f7f9; text-align: center; font-size: 1rem; display: block; font-weight: 400; border-bottom: 1px solid #fff; padding: 4rem 0 1rem; box-sizing: border-box; position: relative; }

#header .headerWrap #gnb #head_menu_m > li > a.linkWindow { color: #9b8873; font-weight: 500; }

#header .headerWrap #gnb #head_menu_m > li > a:before { content: ''; width: 3rem; height: 2.7rem; position: absolute; left: 50%; transform: translateX(-50%); top: 20px; background-image: url(/home/img/layout/m_menu_icon.png); background-size: auto 200%; }

#header .headerWrap #gnb #head_menu_m > li.lnb1 > a:before { background-position: 0 0; }

#header .headerWrap #gnb #head_menu_m > li.lnb2 > a:before { background-position: -2.95rem 0; }

#header .headerWrap #gnb #head_menu_m > li.lnb3 > a:before { background-position: -5.9rem 0; }

#header .headerWrap #gnb #head_menu_m > li.lnb4 > a:before { background-position: -8.85rem 0; }

#header .headerWrap #gnb #head_menu_m > li.lnb5 > a:before { background-position: -11.8rem 0; }

#header .headerWrap #gnb #head_menu_m > li.lnb6 > a:before { background-position: -14.75rem 0; }

#header .headerWrap #gnb #head_menu_m > li.lnb7 > a:before { background-position: -17.7rem 0; }

#header .headerWrap #gnb #head_menu_m > li.lnb8 > a:before { background-position: -20.65rem 0; }

#header .headerWrap #gnb #head_menu_m > li.lnb1.active > a:before { background-position: 0 -2.8rem; }

#header .headerWrap #gnb #head_menu_m > li.lnb2.active > a:before { background-position: -2.95rem -2.8rem; }

#header .headerWrap #gnb #head_menu_m > li.lnb3.active > a:before { background-position: -5.9rem -2.8rem; }

#header .headerWrap #gnb #head_menu_m > li.lnb4.active > a:before { background-position: -8.85rem -2.8rem; }

#header .headerWrap #gnb #head_menu_m > li.lnb5.active > a:before { background-position: -11.8rem -2.8rem; }

#header .headerWrap #gnb #head_menu_m > li.lnb6.active > a:before { background-position: -14.75rem -2.8rem; }

#header .headerWrap #gnb #head_menu_m > li.lnb7.active > a:before { background-position: -17.7rem -2.8rem; }

#header .headerWrap #gnb #head_menu_m > li.lnb8.active > a:before { background-position: -20.65rem -2.8rem; }

#header .headerWrap #gnb #head_menu_m > li .submenu { width: calc(100% - 7rem); position: absolute; left: 7rem; top: 0; }

#header .headerWrap #gnb #head_menu_m > li .submenu .desc { display: none; }

#header .headerWrap #gnb #head_menu_m > li .submenu > ul { padding: .8rem 1.5rem; }

#header .headerWrap #gnb #head_menu_m > li .submenu > ul > li > a { font-size: 1rem; color: #353541; display: block; width: 100%; height: 3rem; line-height: 3rem; padding: 0 .2rem; font-weight: 400; border-bottom: 2px solid #ddd; }

#header .headerWrap #gnb #head_menu_m > li .submenu > ul > li > a.linkWindow:after { content: ''; font-family: 'xeicon'; padding-left: .2rem; }

#header .headerWrap #gnb #head_menu_m > li .submenu > ul > li > div > ul { padding: .5rem 0 .8rem; border-bottom: 2px solid #ddd; display: none; }

#header .headerWrap #gnb #head_menu_m > li .submenu > ul > li > div > ul > li > a { font-size: .85rem; color: #555; font-weight: 300; height: 1.5rem; line-height: 1.5rem; display: block; padding: 0 .2rem; position: relative; }

#header .headerWrap #gnb #head_menu_m > li .submenu > ul > li > div > ul > li > a:hover { font-weight: 400; }

#header .headerWrap #gnb #head_menu_m > li .submenu > ul > li > div > ul > li > a.linkWindow:after { content: ''; font-family: 'xeicon'; width: 1rem; height: 1rem; font-size: .7rem; padding-left: .2rem; }

#header .headerWrap #gnb #head_menu_m > li .submenu > ul > li.active > a { border-bottom: 2px solid #9b8873; }

#header .headerWrap #gnb #head_menu_m > li .submenu > ul > li.active > div > ul { display: block; }

#header .headerWrap #gnb #head_menu_m > li .submenu > ul > li._plus { position: relative; }

#header .headerWrap #gnb #head_menu_m > li .submenu > ul > li._plus:before { content: ''; position: absolute; width: 2rem; height: 2rem; line-height: 2rem; right: 0; top: .5rem; color: #999; transform: rotate(-90deg); font-family: 'xeicon'; text-align: center; font-size: 1.1rem; z-index: -1; }

#header .headerWrap #gnb #head_menu_m > li .submenu > ul > li._plus.active:before { transform: rotate(90deg); color: #353541; font-weight: 700; }

#header .headerWrap #gnb #head_menu_m > li.active > a { background-color: #9b8873; color: #fff; }

#header .headerWrap #gnb #head_menu_m > li.active > a:before { background-position: 0 -2.7rem; }

#header.fixed { top: -2.5rem; position: fixed; background: #9c1c2b; transition: all .3s ease 0s !important; }

/* pc에서 gnb 활성화 */
#header .headerWrap.active .topService { background-color: #333; }

#header .headerWrap.active .gnbWrap { background-color: #9c1c2b; }

#header .headerWrap.active .gnbWrap .container #head_menu_all:before { visibility: visible; opacity: 1; }

#header .headerWrap.active .gnbWrap .container #head_menu_all > li.active > a:before { visibility: visible; width: 7px; transition: all 0.3s; }

#header .headerWrap.active .gnbWrap .container #head_menu_all > li.active > a:after { bottom: -.95rem; border-width: .5rem; transition: all 0.2s .1s; }

#header .headerWrap.active .gnbWrap .container #head_menu_all > li.active .submenu { visibility: visible; overflow: visible; height: auto; opacity: 1; transition: all 0.2s; }

#header .headerWrap.active .gnbWrap .container #head_menu_all > li.active .submenu > ul > li.active > a:before { transform: rotateY(180deg); transition: all .2s; }

#header .popupzone { opacity: 0; visibility: hidden; transition: all .5s ease; position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 999; background: rgba(0, 0, 0, 0.65); height: 100vh; width: 100%; }

#header .popupzone h2.title { font-size: 2rem; font-weight: 400; color: #fff; text-align: center; margin-bottom: 1rem; }

#header .popupzone.active { opacity: 1; visibility: visible; }

#header .popupzone .container { text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) translate(.5px, .5px); }

#header .popupzone .container .group { width: 60rem; max-width: calc(100% - 2rem); margin-left: auto !important; margin-right: auto !important; top: 50%; transform: translateY(-50%); position: relative; max-width: 90%; color: #fff; }

#header .popupzone .container .group ul { width: 100%; white-space: nowrap; text-align: center; margin: 0rem auto; }

#header .popupzone .container .group ul li { display: inline-block; margin-right: 2rem; }

/*#header .popupzone .container .group .bx-wrapper .bx-viewport{overflow: visible !important;} *//* 2022.07.29 Chrome에서 포커스 초점 보이게 수정 */

#header .popupzone .container .group .bx-wrapper li { display: inline-block; vertical-align: middle; }

#header .popupzone .container .group .bx-wrapper li a { display: block; }

#header .popupzone .container .group .bx-wrapper .bx-controls { width: calc(100% + 6rem); height: 2rem; position: absolute; left: calc(50% - 0rem); top: 50%; transform: translateX(-50%) translateY(-50%); z-index: -1; }

#header .popupzone .container .group .bx-wrapper .bx-controls .bx-pager { padding-top: .6rem; }

#header .popupzone .container .group .bx-wrapper .bx-controls .bx-pager a { width: 12px; height: 12px; background-color: #fff; border: 2px solid #fff; box-sizing: border-box; border-radius: 50%; }

#header .popupzone .container .group .bx-wrapper .bx-controls .bx-pager a.active { background-color: transparent; border: 2px solid #fff; box-sizing: border-box; }

#header .popupzone .container .group .bx-wrapper .bx-controls .bx-controls-direction a { width: 2rem; height: 2rem; line-height: 2rem; display: block !important; overflow: hidden; position: absolute; top: 0; margin: 0; background: none; text-indent: -9999px; z-index: 9999; text-align: center; }

#header .popupzone .container .group .bx-wrapper .bx-controls .bx-controls-direction a:focus { outline: 1px dotted #ccc; }

#header .popupzone .container .group .bx-wrapper .bx-controls .bx-controls-direction a:before { content: ''; font-size: 1rem; display: block; width: 100%; height: 100%; font-family: "xeicon"; color: #fff; text-indent: 0; line-height: inherit; }

#header .popupzone .container .group .bx-wrapper .bx-controls .bx-controls-direction a.bx-next:before { content: ''; }

#header .popupzone .container .item .close { position: absolute; left: -10rem; top: calc(50% - 50px); transition: all .5s ease; border-radius: 50%; background: linear-gradient(to bottom, #9d1c2b 20%, #d8283c 100%); width: 5.4rem; height: 5.4rem; text-align: center; padding-top: 2.35rem; line-height: 1rem; color: #fff; font-size: .9rem; overflow: hidden;}

#header .popupzone .container .item .close:before { content: ''; font-size: .7rem; position: absolute; left: 50%; transform: translateX(-50%) rotate(45deg); top: 1.1rem; font-family: 'xeicon'; height: 1rem; line-height: 1rem; width: 1rem; }

#header .popupzone .container .item .close:hover:before { transform: rotate(135deg) translateX(-50%); transition: all .3s; left: calc(50% - .8rem); top: 1.45rem; }

#header .popupzone .container .item .close .popup-countW { font-size: .8rem; }

#header .popupzone .container .item .close .popup-countW .popup-count { color: #ffe138; font-weight: 400; }

#header .popupzone .container .item .btn-close2 { display: none; height: 2.25rem; margin: 2rem 1rem; padding: 0 2rem; border-radius: 2.25rem; background-color: #000; line-height: 2.25rem; }

#header .popupzone .container .item .btn-close2:after { display: inline-block; font-family: "xeicon"; margin-left: 0.5rem; content: ''; vertical-align: middle; transition: all 0.2s; }

#header .popupzone .container .item .btn-close2:hover:after { transform: rotate(180deg); }

#header .popupzone .container .item .btn-close.inactive { display: none; }

#header .popupzone .container .item2 { margin-top: 2rem; font-size: .9rem; text-align: center; }

#header .popupzone .container .item2 .label { display: inline-block; height: 2.25rem; margin: 0 0.8rem .5rem; padding: 0 1.5rem; border-radius: 2.25rem; background-color: #000; line-height: 2.25rem; }

#header .popupzone .container .item2 .label span { color: #f00; font-weight: 600; }

#header .popupzone .container .item2 .label.close:after { content: ''; display: inline-block; font-family: "xeicon"; margin-left: 0.5rem; vertical-align: middle; transition: all 0.2s; }

#header .popupzone .container .item2 .label.close:hover:after, #header .popupzone .container .item2 .label.close:focus:after { transform: rotate(180deg); }

.popupzone2 { transition: all .5s ease; position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 999; background: rgba(0, 0, 0, 0.65); opacity: 0; display: none; height: 100vh; }

.popupzone2.active { opacity: 1; display: block; }

.popupzone2 .container { width: 70.5rem; height: 34rem; background-color: #fff; max-width: calc(100% - 6rem); margin-left: auto !important; margin-right: auto !important; text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.popupzone2 .container h3 { width: 4rem; height: 50%; position: absolute; left: 0; top: 0; background-color: #545c66; color: #fff; font-size: 1rem; -webkit-writing-mode: tb-rl; -ms-writing-mode: tb-rl; writing-mode: tb-rl; font-weight: 300; transition: all .2s ease-in; }

.popupzone2 .container h3.camtab2 { top: 50%; }

.popupzone2 .container h3.tab-active { background-color: #fff; color: #9c1c2b; font-weight: 500; transition: all .2s ease-in; }

.popupzone2 .container h3.tab-active:before { content: ''; font-family: 'xeicon'; color: #9c1c2b; position: absolute; right: 0; font-size: 1rem; width: 1rem; height: 1rem; top: 50%; transform: translateY(-50%); -webkit-writing-mode: tb-rl; -ms-writing-mode: tb-rl; writing-mode: tb-rl; }

.popupzone2 .container h3 a { display: block; padding-right: 1.25rem; letter-spacing: .1rem; }

.popupzone2 .container h3.tab-active + .contWrap { display: block; }

.popupzone2 .container .contWrap { padding: 2rem; width: 100%; padding: 2rem 2rem 2rem 6rem; -webkit-writing-mode: lr-tb; -ms-writing-mode: lr-tb; writing-mode: lr-tb; display: none; }

.popupzone2 .container .contWrap .camL { width: 35%; height: 30rem; background: url(/home/img/layout/cambg1.jpg) no-repeat; padding: 2rem 2rem; text-align: left; position: relative; float: left; }

.popupzone2 .container .contWrap .camL.camL_gy { background: url(/home/img/layout/cambg2.jpg) no-repeat; }

.popupzone2 .container .contWrap .camL h4 { font-size: 2rem; color: #fff; font-weight: 500; }

.popupzone2 .container .contWrap .camL .subt { font-size: 1.2rem; color: rgba(255, 255, 255, 0.4); font-weight: 100; }

.popupzone2 .container .contWrap .camL .camQ { width: 100%; height: 6rem; position: absolute; bottom: 0; left: 0; z-index: 0; padding: 0 5%; }

.popupzone2 .container .contWrap .camL .camQ:before { content: ''; width: 100%; height: 100%; background: rgba(36, 39, 50, 0.7); position: absolute; bottom: 0; left: 0; z-index: -1; }

.popupzone2 .container .contWrap .camL .camQ li { float: left; width: 33.33%; height: 4rem; text-align: center; color: #fff; margin: 1rem auto; padding-top: 0rem; line-height: 1.5rem; position: relative; }

.popupzone2 .container .contWrap .camL .camQ li img { display: block; margin: 0 auto; width: 2.9rem; height: 2.5rem; }

.popupzone2 .container .contWrap .camL .camQ li a { display: block; width: 100%; }

.popupzone2 .container .contWrap .camL .camQ li a:hover { font-weight: 700; }

.popupzone2 .container .contWrap .camL .camQ li:hover img { transform: rotateY(180deg); transition: all .3s ease-in; }

.popupzone2 .container .contWrap .camR { float: left; width: calc(65% + 0rem); padding-left: 1.5rem; height: 30rem; overflow-y: scroll; }

.popupzone2 .container .contWrap .camR .divi{
	display: flex;
	flex-flow: row wrap;
}

.popupzone2 .container .contWrap .camR .divi > li { width: calc(33.3% - 2rem); margin: 0 1rem 1.5rem;}

.popupzone2 .container .contWrap .camR .divi > li p.univer { font-size: 1rem; color: #333; font-weight: 500; margin-bottom: 1rem; text-align: left; }

.popupzone2 .container .contWrap .camR .divi > li img { margin-bottom: 1rem; display: block; }

.popupzone2 .container .contWrap .camR .divi > li .major { /* min-height: 10rem; */ text-align: left; }

/* .popupzone2 .container .contWrap .camR .divi > li .major.height { min-height: 13rem; text-align: left; } */

.popupzone2 .container .contWrap .camR .divi > li .major > li { font-size: .8rem; color: #666; font-weight: 300; padding-bottom: .3rem; }

.popupzone2 .container .contWrap .camR .divi > li .major > li:hover { font-weight: 500; color: #333; }

.popupzone2 .container .contWrap .camR .divi:after { content: ''; display: block; clear: both; }

.popupzone2 .container .contWrap:after { content: ''; display: block; clear: both; }

.popupzone2 .container .btn-close { width: 2rem; height: 2rem; position: absolute; bottom: 0; right: 0; display: block; background-color: #9c1c2b; overflow: hidden; }

.popupzone2 .container .btn-close:before { content: ''; font-family: 'xeicon'; color: #fff; width: 2rem; height: 2rem; line-height: 2; font-size: 1rem; text-align: center; display: block; }

#footer .footWrap { margin-top: 6rem; }

#footer .footWrap .f_linkS { background-color: #353541; color: #b5b5b5; }

#footer .footWrap .f_linkS .container2 .f_linkgoT { display: none; }

#footer .footWrap .f_linkS .container2 > ul > li { width: 33.33%; border-left: 1px solid #494957; box-sizing: border-box; font-size: .8rem; float: left; position: relative; background-color: #353541; z-index: 2; }

#footer .footWrap .f_linkS .container2 > ul > li > a { display: block; width: 100%; height: 3.9rem; line-height: 3.9rem; padding: 0 1.5rem; }

#footer .footWrap .f_linkS .container2 > ul > li > ul { display: none; padding: 1rem 1.5rem; background-color: #f3f4f9; position: absolute; left: 0; bottom: 3.9rem; width: 100%; color: #353541; line-height: 1.5rem; height: 14rem; overflow: hidden; overflow-y: scroll; }

#footer .footWrap .f_linkS .container2 > ul > li > ul > li a:hover { font-weight: 400; text-decoration: underline; }

#footer .footWrap .f_linkS .container2 > ul > li.active > ul { display: block; }

#footer .footWrap .f_linkS .container2 > ul > li:last-child { border-right: 1px solid #494957; }

#footer .footWrap .f_linkS .container2 > ul > li:after { content: ''; width: .95rem; height: .95rem; position: absolute; right: 1.5rem; top: 1.5rem; font-size: 1rem; background: url(/home/img/layout/icon_plus.png) no-repeat; background-size: contain; transition: all .3s; z-index: -1; }

#footer .footWrap .f_linkS .container2 > ul > li.active:after { transform: rotate(90deg); transition: all .3s; }

#footer .footWrap .f_linkS .container2 > ul:after { content: ''; display: block; clear: both; }

#footer .footWrap .f_info { background-color: #191921; color: #7f7f7f; }

#footer .footWrap .f_info .container2 { padding: 2.25rem 0 4rem; position: relative; font-size: .8rem; }

#footer .footWrap .f_info .container2 .f_logo { position: absolute; right: 0; text-align: right; }

#footer .footWrap .f_info .container2 .f_logo img:last-child { max-width:3.5rem; margin-top: 1rem; }

#footer .footWrap .f_info .container2 .sns { position: absolute; right: 11rem; top: 6.5rem; }

#footer .footWrap .f_info .container2 .sns a { display: inline-block; overflow: hidden; width: 2rem; height: 2rem; margin-left: 0.35rem; color: #fff; text-align: center; line-height: 1.5rem; vertical-align: middle; opacity: 0.5; border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 50%; }

#footer .footWrap .f_info .container2 .sns a::before { content: ''; font-size: 1rem; display: block; position: relative; width: 100%; height: 100%; line-height: inherit; font-family: 'xeicon'; padding: .2rem; }

#footer .footWrap .f_info .container2 .sns a.facebook::before { content: ''; }

#footer .footWrap .f_info .container2 .sns a.blog::before { background: url("/home/img/layout/sns_blog.png") no-repeat center; }

#footer .footWrap .f_info .container2 .sns a.youtube::before { content: ''; }

#footer .footWrap .f_info .container2 .sns a.instagram::before { content: ''; }

#footer .footWrap .f_info .container2 .sns a:hover { opacity: 1; border: 1px solid #fff; transition: all .5s; animation-name: hvr-push; animation-duration: 0.3s; animation-timing-function: linear; animation-iteration-count: 1; }

@keyframes hvr-push { 
	50% {transform: scale(0.8); }
	100% {transform: scale(1); }
}

#footer .footWrap .f_info .container2 .f_link { margin-bottom: 1.25rem; }

#footer .footWrap .f_info .container2 .f_link .f_linkT { display: none; }

#footer .footWrap .f_info .container2 .f_link ul li { padding-right: 1.8rem; float: left; position: relative; }

#footer .footWrap .f_info .container2 .f_link ul li:first-child { color: #fff; font-weight: 400; }

#footer .footWrap .f_info .container2 .f_link ul li:before { content: ''; width: 3px; height: 3px; border-radius: 50%; background-color: #565656; position: absolute; right: .75rem; top: .6rem; }

#footer .footWrap .f_info .container2 .f_link ul li:last-child:before { display: none; }

#footer .footWrap .f_info .container2 .f_link ul:after { content: ''; display: block; clear: both; }

#footer .footWrap .f_info .container2 .f_add { margin-bottom: 1.25rem; }

#footer .footWrap .f_info .container2 .f_add ul li { font-size: .75rem; padding: .2rem 0; }

#footer .footWrap .f_info .container2 .f_add ul li strong { border: 1px solid #303038; padding: .1rem 2rem; margin-right: .5rem; font-weight: 500; }

#footer .footWrap .f_info .container2 .f_add ul li span { font-weight: 700; }

#footer .footWrap .f_info .container2 .copyright { font-size: .75rem; }

#footer .footWrap .f_info .container2 .copyright br { display: none; }

@media (max-width: 1700px) { #header .headerWrap .gnbWrap .container #head_menu_all > li .submenu .desc { left: 2rem; }
  #header .headerWrap .gnbWrap .container #head_menu_all > li .submenu .desc:before { left: 15rem; }
  #header .popupzone .container .item .close { display: none; } }

@media (max-width: 1600px) { #header .headerWrap .gnbWrap .container #head_menu_all > li .submenu .desc { left: 4rem; }
  #header .headerWrap .gnbWrap .container #head_menu_all > li .submenu .desc:before { left: 13rem; }
  #header .headerWrap .gnbWrap .container .total_search { right: 0; }
  #header .headerWrap .gnbWrap .container .allmenu { right: 2.5rem; } }

@media (max-width: 1500px) { #header .headerWrap .gnbWrap .container #head_menu_all > li { margin: 0 1rem; }
  #header .headerWrap .gnbWrap .container #head_menu_all > li .submenu { width: calc(100% + 4rem); padding-left: 0; }
  #header .headerWrap .gnbWrap .container #head_menu_all > li .submenu:before { display: none; }
  #header .headerWrap .gnbWrap .container #head_menu_all > li .submenu:after { display: none; }
  #header .headerWrap .gnbWrap .container #head_menu_all > li .submenu > ul { box-shadow: 0.25rem 0.25rem 0.25rem rgba(100, 100, 100, 0.15); }
  #header .headerWrap .gnbWrap .container #head_menu_all > li .submenu .desc { display: none; } }

@media (max-width: 1400px) { .popupzone2 .container .contWrap .camR .divi > li { width: calc(50% - 2rem); }
  #footer .footWrap .f_info .container2 .f_logo img:last-child { margin-top: 0.5rem; }
  #footer .footWrap .f_info .container2 .sns { top: 9rem; right: 0; } }

@media (max-width: 1300px) { #header .headerWrap .gnbWrap .container #head_menu_all > li { margin: 0 .5rem; } }

@media (max-width: 1200px) { /* 스크롤 */
  #header.fixed { background: #fff; }
  #header.fixed.active { position: relative; }
  #header .headerWrap .gnbWrap .container .allmenu { top: 1.85rem; }
  #header { position: relative; }
  #header .headerWrap .topService { border-width: 0 0 0 0; }
  #header .headerWrap .topService .container { max-width: 100%; height: auto; }
  #header .headerWrap .topService .container .campus { width: 100%; }
  #header .headerWrap .topService .container .campus ul li { width: 50%; }
  #header .headerWrap .topService .container .etc { right: -25rem; opacity: 0; transition: all .2s; display: none; }
  #header .headerWrap .topService .container .etc .mn li { height: 2rem; line-height: 2rem; }
  #header .headerWrap .topService .container .etc .mn li:after { top: .75rem; }
  #header .headerWrap .gnbWrap { height: 4.5rem; }
  #header .headerWrap .gnbWrap .container { max-width: calc(100% - 2rem); }
  #header .headerWrap .gnbWrap .container .logo { background-position: 0 -2rem; top: 1.1rem; }
  #header .headerWrap .gnbWrap .container .allmenu { top: 1.6rem; right: 5rem; }
  #header .headerWrap .gnbWrap .container .allmenu [class*="bar"] { background-color: #333; }
  #header .headerWrap .gnbWrap .container .total_search { top: 1.5rem; right: 2.5rem; }
  #header .headerWrap .gnbWrap .container .total_search i { color: #333; font-size: 1.6rem; }
  #header .headerWrap .gnbWrap .container .searchWrap { top: 4.5rem; width: calc(100% + 2rem); }
  #header .headerWrap .gnbWrap .container .searchWrap .container-dimm { max-width: 100%; }
  #header .headerWrap .gnbWrap .container .m_popup { display: block; }
  #header .headerWrap .gnbWrap .container .m_popup .popup-countW { position: absolute; width: 1rem; height: 1rem; border-radius: 50%; background: #9c1c2b; color: #fff; text-align: center; right: -.3rem; top: -.1rem; line-height: 1rem; font-size: .65rem; }
  #header .headerWrap .gnbWrap .container #head_menu_all { display: none; }
  #header .headerWrap.active .gnbWrap { background-color: #fff; border-bottom: 1px solid #ddd; }
  /* 활성화 (햄버거메뉴) */
  #header.active .headerWrap .topService .container .etc { opacity: 1; right: 0; width: 25rem; height: 3.5rem; background: #353541; padding: .75rem 2rem .75rem 7rem; transition: all .2s; box-sizing: border-box; display: block; }
  #header.active .headerWrap .topService .container .etc .mn dd { height: 2rem; margin-right: .5rem !important; }
  #header.active .headerWrap .topService .container .etc .mn dd a { height: 2rem; line-height: calc(2rem - 4px); border: 2px solid #72727a; padding: 0 .5rem; }
  #header.active .headerWrap .topService .container .etc .mn dd:after { display: none; }
  #header.active .headerWrap .topService .container .language { border: 2px solid #72727a; height: 2rem; line-height: calc(2rem - 4px); padding: 0 .2rem; }
  #header.active .headerWrap .topService .container .language:before { display: none; }
  #header.active .headerWrap .topService .container .language li.active:before { top: .2rem; }
  #header.active .headerWrap .topService .container .language li.active:after { top: .2rem; }
  #header.active .headerWrap .gnbWrap .container .allmenu { top: -1.6rem; right: 0rem; z-index: 200; }
  #header.active .headerWrap .gnbWrap .container .allmenu [class*="bar"] { background-color: #fff; }
  #header.active .headerWrap .gnbWrap .container .allmenu .bar1 { width: 100%; transform: rotate(45deg); margin-left: 0; top: .75rem; transition: all .2s ease-out; }
  #header.active .headerWrap .gnbWrap .container .allmenu .bar2 { display: none; }
  #header.active .headerWrap .gnbWrap .container .allmenu .bar3 { width: 100%; transform: rotate(-45deg); margin-left: 0; top: .75rem; transition: all .2s ease-out; }
  #header.active .headerWrap #gnb { visibility: visible; opacity: 1; right: 0; transition: all .2s; height: 60rem; z-index: 199; }
  #header.active .headerWrap #gnb:before { content: '전체메뉴'; width: 7rem; height: 3.5rem; line-height: 3.5rem; position: absolute; top: -3.5rem; font-family: 'Noto Sans KR'; font-weight: 700; color: #fff; font-size: 1rem; padding: 0 1.5rem; }
  #header.active .headerWrap #gnb #head_menu_m li.active .submenu { display: block !important; }
  #footer .footWrap .f_info .container2 { padding: 2.25rem 0 6rem; }
  #footer .footWrap .f_info .container2 .f_logo { bottom: 2rem; transform: translateX(50%); right: 50%; width: auto; white-space: nowrap; }
  #footer .footWrap .f_info .container2 .f_logo br { display: none; }
  #footer .footWrap .f_info .container2 .f_logo img:last-child { margin: 0 0 0 1rem; }
  #footer .footWrap .f_info .container2 .sns { top: 6.5rem; } }

@media (max-width: 1024px) { #footer .footWrap .f_linkS .container2 > ul > li > a { height: 3rem; line-height: 3rem; padding: 0 1rem; }
  #footer .footWrap .f_linkS .container2 > ul > li:before { top: 1rem; right: 1rem; }
  #footer .footWrap .f_linkS .container2 > ul > li:after { top: 1rem; }
  #footer .footWrap .f_linkS .container2 > ul > li > ul { bottom: 3rem; }
  #footer .footWrap .f_info .container2 .f_link ul li { padding-right: 1rem; }
  #footer .footWrap .f_info .container2 .f_link ul li:before { right: .45rem; }
  .popupzone2 .container .contWrap .camL { width: 40%; }
  .popupzone2 .container .contWrap .camR { width: calc(60%); padding-left: .5rem; }
  .popupzone2 .container .contWrap .camR .divi > li { width: calc(100% - 2rem); }
  .popupzone2 .container .contWrap .camR .divi > li .major { min-height: auto; } }

@media (max-width: 780px) { #footer .footWrap .f_info .container2 .f_logo img:first-child { margin-right: .2rem !important; } }

@media (max-width: 768px) { #header .headerWrap #gnb { width: 100%; }
  #header .headerWrap #gnb #head_menu_m > li .submenu > ul > li > a { border-bottom: 1px solid #ddd; }
  #header .headerWrap #gnb #head_menu_m > li .submenu > ul > li.active > a { border-bottom: 1px solid #9b8873; }
  #header .headerWrap #gnb #head_menu_m > li .submenu > ul > li > div > ul { border-bottom: 1px solid #ddd; }
  #header.active .headerWrap .topService .container .etc { width: 100%; padding: .75rem 1rem; }
  #header.active .headerWrap #gnb:before { display: none; }
  #header .headerWrap .gnbWrap .container .searchWrap .container-dimm .search_box { max-width: calc(100% - 6rem); margin: 0; }
  #header .headerWrap .gnbWrap .container .searchWrap .container-dimm .search_box .title { display: none; }
  .popupzone2 .container .contWrap .camL { display: none; }
  .popupzone2 .container .contWrap .camR { width: 100%; }
  #footer .footWrap .f_linkS .container2 { max-width: 100%; }
  #footer .footWrap .f_linkS .container2 .f_linkgoT { display: block; height: 3rem; line-height: 3rem; text-align: center; border-top: 1px solid #494957 !important; position: relative; }
  #footer .footWrap .f_linkS .container2 .f_linkgoT:before { content: ''; width: .95rem; height: .95rem; position: absolute; right: 1rem; top: 1rem; font-size: 1rem; background: url(/home/img/layout/icon_plus.png) no-repeat; background-size: contain; transition: all .3s; }
  #footer .footWrap .f_linkS .container2 > ul { display: none; width: 100%; }
  #footer .footWrap .f_linkS .container2 > ul > li { width: 100%; border: none !important; border-bottom: 1px solid #494957 !important; text-align: center; }
  #footer .footWrap .f_linkS .container2.active { position: relative; }
  #footer .footWrap .f_linkS .container2.active .f_linkgoT { background-color: #292934; }
  #footer .footWrap .f_linkS .container2.active .f_linkgoT:before { transform: rotate(135deg); transition: all .2s ease-out; }
  #footer .footWrap .f_linkS .container2.active > ul { display: block; position: absolute; top: -9rem; z-index: 2; }
  #footer .footWrap .f_info .container2 { padding: 5.25rem 0 8rem; }
  #footer .footWrap .f_info .container2 .f_link { position: absolute; top: -6rem; left: -1rem; width: calc(100% + 2rem); margin-bottom: 0; }
  #footer .footWrap .f_info .container2 .f_link .f_linkT { display: block; height: 3rem; line-height: 3rem; text-align: center; background-color: #353541; border-top: 1px solid #494957 !important; color: #b5b5b5; position: relative; }
  #footer .footWrap .f_info .container2 .f_link .f_linkT:before { content: ''; width: .95rem; height: .95rem; position: absolute; right: 1rem; top: 1rem; font-size: 1rem; background: url(/home/img/layout/icon_plus.png) no-repeat; background-size: contain; transition: all .3s; }
  #footer .footWrap .f_info .container2 .f_link > ul { display: none; }
  #footer .footWrap .f_info .container2 .f_link > ul li { padding: 0; height: 3rem; line-height: 3rem; text-align: center; background-color: #353541; color: #b5b5b5; width: 100%; border-bottom: 1px solid #494957; }
  #footer .footWrap .f_info .container2 .f_link > ul li:before { display: none; }
  #footer .footWrap .f_info .container2 .f_link.active .f_linkT { background-color: #292934; }
  #footer .footWrap .f_info .container2 .f_link.active .f_linkT:before { transform: rotate(135deg); transition: all .2s ease-out; }
  #footer .footWrap .f_info .container2 .f_link.active > ul { display: block; position: absolute; top: -24rem; z-index: 2; width: 100%; }
  #footer .footWrap .f_info .container2 .f_logo { bottom: 2.2rem; width: 100%; text-align: center; }
  #footer .footWrap .f_info .container2 .f_logo img { height: 2rem; }
  #footer .footWrap .f_info .container2 .f_logo img:first-child { margin-right: 0.5rem !important; }
  #footer .footWrap .f_info .container2 .f_logo img:last-child { margin-left: 0.5rem; }
  #footer .footWrap .f_info .container2 .f_add { display: none; }
  #footer .footWrap .f_info .container2 .copyright { text-align: center; }
  #footer .footWrap .f_info .container2 .copyright br { display: block; }
  #footer .footWrap .f_info .container2 .sns { top: 2rem; transform: translateX(50%); right: 50%; }
  #footer .footWrap .f_info .container2 .sns a:first-child { margin-left: 0; } }

@media (max-width: 499px) { #header .headerWrap #gnb #head_menu_m > li > a { width: 7rem; height: 6.5rem; font-size: 1rem; padding: 4rem 0 1rem; }
  #header .headerWrap #gnb #head_menu_m > li > a:before { width: 46px; height: 43px; }
  #header .headerWrap #gnb #head_menu_m > li.active > a:before { background-position: 0 -45px; top: 15px; }
  #header .headerWrap #gnb #head_menu_m > li .submenu { width: calc(100% - 7rem); left: 7rem; }
  #header .headerWrap #gnb #head_menu_m > li .submenu > ul > li > a { font-size: 1rem; }
  #header .headerWrap #gnb #head_menu_m > li .submenu > ul > li > div > ul > li > a { font-size: .9rem; }
  #header .headerWrap #gnb #head_menu_m > li > a { width: 6.5rem; font-size: .9rem; }
  #header .headerWrap #gnb #head_menu_m > li .submenu { width: calc(100% - 6.5rem); left: 6.5rem; }
  #header .headerWrap #gnb #head_menu_m > li .submenu > ul { padding: .8rem 1.3rem; }
  .popupzone2 .container { max-width: calc(100% - 3rem); }
  .popupzone2 .container .contWrap { padding: 2rem 0rem 2em 4rem; }
  #header .popupzone h2.title { font-size: 1.5rem; }
  #header .popupzone .container .group .bx-wrapper li { margin-right: 0 !important; }
  #header .popupzone .container .item2 .label { padding: 0 1rem; margin: 0 .1rem .5rem; } }