@import url("basic.css");
.top_link, #gnb .dep01_tit, #gnb .dep01, #fullMenu.dep01 { font-size: 0; line-height: 0; }

#header h2 { position: absolute; left: 50%; margin-left: -860px; }

.top_util, #fullmenuClose { position: absolute; right: 50%; margin-right: -860px; }

.container, .sub_container, .top_util a, .top_util .fullmenu span, .top_link a, .top_link:before, .top_link .linklst > li.lang .lst a:before, .kfPluslst ul a p:before, .searchFull .wrap .btnClose, #gnb a, #gnb :before, #gnb .dep01 > li, #gnb .dep01 > li > a:before, #gnb .dep01 > li > a:after, #gnb .dep03 > li > a span:before, #gnb .dep04 > li > a span:before, .fullMenuBox .nav a, #fullMenu.dep01 li, #fullMenu.dep01 :before, #footer .ftBtn_wrap .ftBtn > button, #footer .ftBtn_wrap .ftBtn > button i, #footer .moveTop, #lnb :before, #lnb :after, #lnb a, #lnb ul, #lnb li, .snsBox button { transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; }

#wrap { position: relative; overflow: hidden; }

.container { position: relative; width: 96%; max-width: 86rem; margin: 0 auto; }

.container:after { display: block; clear: both; content: ""; }

#container { border-top: 1px solid #ddd; }

.sub_container { position: relative; width: 96%; max-width: 60rem; margin: 0 auto; }

.sub_container:after { display: block; clear: both; content: ""; }

/* slick common */
.slick-slider { -webkit-transition: all ease-in-out .3s; transition: all ease-in-out .3s; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-slide { display: none; height: 100%; min-height: 1px; vertical-align: middle; }

.slick-list { overflow: hidden; }

.slick-list.dragging { cursor: pointer; }

.slick-initialized .slick-slide { display: inline-block; overflow: hidden; }

.slick-arrow.slick-hidden { display: none; }

.slick-current { opacity: 1; display: block; }

.slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; }

.uppopOpen #header { margin-top: 6.5rem; }

.uppopOpen .gnbblind, .uppopOpen .fixSlide { top: 13.5rem; }

.uppopOpen .fixSlide.kfPluslst { top: 10rem; }

.fixSlide { top: 7rem; display: none; position: absolute; left: 0; width: 100%; height: calc(100% - 7rem); z-index: 100; }

.fixblind { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); z-index: 0; }

.gnbblind { display: none; position: fixed; left: 0; top: 7rem; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); z-index: 1; }

/* header */
#header { position: relative; width: 100%; height: 7rem; z-index: 101; background: #fff; line-height: 1.6; }

#header:before { content: ""; position: absolute; left: 0; top: 2.75rem; width: 100%; height: 1px; background: #ddd; z-index: 11; }

#header h1 { float: left; margin-top: 0.3rem; line-height:2.1rem; }

#header h1 img { width: auto; height:2.1rem; vertical-align: top; }

#header h1 em { font-size:.85rem; padding-left:.25rem; vertical-align: top; letter-spacing: -0.25px;}

#header h2 { top: 3.7rem; z-index: 20; }

/* #header h2:after { content: "\e996"; font-family: 'xeicon'; font-size: 1rem; padding-left: 2.5rem; color: #65718b; display: inline-block; vertical-align: middle; } */

/* top Util */
.top_util { top: 4.5rem; z-index: 20; }

.top_util a { display: inline-block; font-size: 1.25rem; }

.top_util a:hover, .top_util a:focus { color: #f00; }

.top_util .fullmenu { width: 3.5rem; height: 1.75rem; padding: 0.4rem 1.1rem; margin-left: 2px; overflow: hidden; font-size: 0; line-height: 0; vertical-align: top; }

.top_util .fullmenu span { display: block; float: right; width: 100%; height: 1px; background: #000; }

.top_util .fullmenu span + span { margin-top: 0.35rem; }

.top_util .fullmenu span:nth-child(2) { width: 80%; }

.top_util .fullmenu:hover span, .top_util .fullmenu:focus span { background: #f00; width: 100% !important; }

/* top Link */
.top_link { text-align: right; }

.top_link a:hover, .top_link a:focus { text-decoration: underline; color: #f00; }

.top_link > * { position: relative; display: inline-block; vertical-align: middle; font-size: 0.75rem; line-height: 1.1rem; }

.top_link > *:not(.popBtn) { margin: .75rem 0; }

.top_link .linklst > li { position: relative; display: inline-block; padding: 0 1rem; line-height: 1.2rem; border-left: 1px solid #ddd; color: #444; }

.top_link .linklst > li.lang { padding-right: 2rem; }

.top_link .linklst > li.lang:before { content: "\e942"; position: absolute; right: 0.5rem; top: 0; font-family: 'xeicon'; }

.top_link .linklst > li.lang.active:before { transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); }

.top_link .linklst > li.lang .lst { position: absolute; left: -10%; top: 1.6rem; width: 120%; padding: 0.5rem 0.75rem; background: #fff; border: 1px solid #333; display: none; z-index: 201; }

.top_link .linklst > li.lang .lst li { text-align: left; padding: 0.25rem 0; line-height: 1.2; }

.top_link .linklst > li.lang .lst a { position: relative; display: block; padding-right: 0.5rem; }

.top_link .linklst > li.lang .lst a:before { content: "\e93f"; position: absolute; right: 0; top: -1px; font-family: 'xeicon'; color: #111; }

.top_link .linklst > li.lang .lst a:hover:before, .top_link .linklst > li.lang .lst a:focus:before { right: -0.25rem; color: #f00; }

.top_link .snslst { padding: 0 1rem; border-left: 1px solid #ccc; }

.top_link .snslst > a { font-size: 1rem; display: inline-block; }

.top_link .snslst > a + a { margin-left: 0.5rem; }

.top_link .kfPlus { padding: 0 2.5rem 0 1rem; border-left: 1px solid #ccc; font-weight: 600; }

.top_link .kfPlus a { display: block; }

.top_link .kfPlus a:before { content: "\e942"; position: absolute; right: 0.75rem; top: 50%; width: 0.9rem; height: 0.9rem; line-height: 0.9rem; margin-top: -0.5rem; border-radius: 50%; background: #333; color: #fff; text-align: center; font-size: 0.6rem; font-weight: 600; font-family: 'xeicon'; }

.top_link .kfPlus.active a { color: #f00; }

.top_link .kfPlus.active a:before { background: #f00; }

.top_link .popBtn { display: table; width: 3.5rem; height: 3.5rem; border-left: 1px solid #ccc; float: right; text-align: center; }

.top_link .popBtn > a { display: table-cell; font-size: 0.6rem; font-weight: 600; vertical-align: middle; }

.top_link .popBtn > a:before { content: "\e936"; display: block; color: #f00; line-height: 0.5rem; font-size: 0.9rem; font-family: 'xeicon'; }

.top_link .popBtn > a:hover, .top_link .popBtn > a:focus { background: #f00; color: #fff; text-decoration: none; }

.top_link .popBtn > a:hover:before, .top_link .popBtn > a:focus:before { color: #fff; }

.top_link .popBtn > a.on:before { transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); }

/* KF PLUS */
.kfPluslst { top: 2.75rem; }

.kfPluslst.fixSlide { z-index: 901; }

.kfPluslst .wrap { position: relative; width: 100%; border-top: 1px solid #ddd; background: #fff; z-index: 1; }

.kfPluslst ul { max-width: 86rem; margin: 0 auto; overflow: hidden; border-left: 1px solid #ddd; }

.kfPluslst ul li { display: table; width: 20%; height: 7.5rem; float: left; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; table-layout: fixed; }

.kfPluslst ul a { display: table-cell; vertical-align: middle; padding: 0 1rem; }

.kfPluslst ul a p { position: relative; padding-right: 1.5rem; color: #555; margin-top: 0.5rem; line-height: 1.3; font-size: 0.7rem; }

.kfPluslst ul a p:before { content: "\e907"; position: absolute; right: 0; top: 0; font-family: 'xeicon'; font-size: 1rem; }

.kfPluslst ul a img { max-width: 100%; height: auto; }

.kfPluslst ul a:hover p:before, .kfPluslst ul a:focus p:before { right: -0.5rem; }

/* search Full */
.searchFull .wrap { position: relative; padding: 2rem 0 3rem; background: #546873; text-align: center; color: #fff; z-index: 1; line-height: 1.6; }

.searchFull .wrap h3 { font-size: 2rem; letter-spacing: -2px; }

.searchFull .wrap .srchForm { position: relative; width: 95%; max-width: 50rem; margin: 1.5rem auto 2rem; background: #fff; padding-right: 3rem; padding-left: 0.5rem; }

.searchFull .wrap .srchForm input { width: 100%; height: 3rem; line-height: 3rem; color: #333; border: 0; }

.searchFull .wrap .srchForm input::-webkit-input-placeholder { color: #666; font-weight: 200; }

.searchFull .wrap .srchForm input:-ms-input-placeholder { color: #666; font-weight: 200; }

.searchFull .wrap .srchForm input::-ms-input-placeholder { color: #666; font-weight: 200; }

.searchFull .wrap .srchForm input::placeholder { color: #666; font-weight: 200; }

.searchFull .wrap .btnSrch { width: 3rem; height: 3rem; position: absolute; right: 0; top: 0; color: #333; }

.searchFull .wrap .btnSrch:hover, .searchFull .wrap .btnSrch:focus { color: #f00; }

.searchFull .wrap .btnSrch i { font-size: 1.5rem; line-height: 3rem; vertical-align: top; }

.searchFull .wrap .keyword { text-align: center; }

.searchFull .wrap .keyword a { font-size: 0.9rem; display: inline-block; margin-right: 1.5rem; }

.searchFull .wrap .keyword a:hover { text-decoration: underline; }

.searchFull .wrap .btnClose { position: absolute; right: 0; top: 0; width: 5rem; height: 5rem; line-height: 5.3rem; font-weight: 200; background: #2b3849; color: #fff; font-size: 2.6rem; }

.searchFull .wrap .btnClose:hover, .searchFull .wrap .btnClose:focus { background: #af0f0f; }

/* navgation */
#nav { position: relative; width: 100%;}

#gnb { position: relative; z-index: 10; background: #fff; }

#gnb li { position: relative; }

#gnb a { display: block; position: relative; line-height: 1.2; }

#gnb a[target='_blank'] > span:after { content: "\e980"; display: inline-block; margin-left: 5px; font-size: 0.9rem; font-family: 'xeicon'; }

#gnb .wrap { display: none; position: absolute; left: 0; top: 4.25rem; width: 100%; border-top: 1px solid #ddd; background: #fff; overflow: auto; z-index: 999; }

#gnb .dep01_tit { text-align: center; padding-left: 20rem; padding-right: 6rem; }

#gnb .dep01_tit ul { display: table; table-layout: fixed; width: 100%; }

#gnb .dep01_tit li { display: table-cell; font-size: 1rem; line-height: 1.2; vertical-align: middle; }

#gnb .dep01_tit li > a { display: table; width: 100%; height: 4.25rem; font-weight: 600; }

#gnb .dep01_tit li > a span { position: relative; display: table-cell; vertical-align: middle; }

#gnb .dep01_tit li.active > a { color: #f00; }

#gnb .dep01 { position: relative; display: table !important; width: 100%; max-width: 86rem; text-align: center; display: none; overflow: auto; margin: 0 auto; }

#gnb .dep01 > li { position: relative; display: table-cell; height: 100%; vertical-align: top; line-height: 2rem; color: #bfbab4; border-left: 1px solid #ddd; font-size: 1.3rem; }

#gnb .dep01 > li:last-child { border-right: 1px solid #ddd; }

#gnb .dep01 > li > a { position: relative; display: inline-block; line-height: 3.5rem; font-weight: 600; }

#gnb .dep01 > li > a:before, #gnb .dep01 > li > a:after { content: ""; position: absolute; left: 0; bottom: 0; height: 3px; }

#gnb .dep01 > li > a:before { width: 100%; background: #bfbab4; z-index: 0; }

#gnb .dep01 > li > a:after { width: 0; background: #f00; z-index: 1; }

#gnb .dep01 > li.active > a { color: #000; }

#gnb .dep01 > li.active > a:after { width: 100%; }

#gnb .dep02 { text-align: left; padding: 0.5rem 0 1rem; }

#gnb .dep02 > li > a { padding: 0.5rem 1rem; font-size: 0.8rem; color: #111; }

#gnb .dep02 > li > a[target='_blank'] > span:after { font-size: 0.75rem; }

#gnb .dep02 > li > a:hover { text-decoration: underline; }

#gnb .dep02 > li.dep > a:after { content: "\e941"; position: absolute; right: 0.5rem; top: 0.6rem; font-size: 0.6rem; color: #000; font-family: 'xeicon'; }

#gnb .dep02 > li.dep.active > a { border-bottom: 1px solid #ccc; }

#gnb .dep02 > li.dep.active > a:after { transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); }

#gnb .dep02 > li.active { border-bottom: 1px solid #ddd; }

#gnb .dep03 { position: relative; display: none; padding: 0.75rem 0; margin: 0 0.5rem; overflow: hidden; }

#gnb .dep03 > li > a { font-size: 0.7rem; line-height: 1.4; padding-left: 0.5rem; color: #555; }

#gnb .dep03 > li > a[target='_blank'] > span:after { font-size: 0.7rem; }

#gnb .dep03 > li > a:before { content: ""; position: absolute; left: 0; top: 8px; width: 3px; height: 3px; border-radius: 50%; background: #bbb; }

#gnb .dep03 > li > a span { position: relative; }

#gnb .dep03 > li > a span:before { content: ""; position: absolute; left: 0; bottom: 0; width: 0px; height: 1px; background: #111; }

#gnb .dep03 > li + li > a { margin-top: 0.5rem; }

#gnb .dep03 > li.dep > a { padding-right: 1rem; }

#gnb .dep03 > li.dep > a:after { content: "\e913"; position: absolute; right: 0; top: 0; color: #555; font-family: 'xeicon'; }

#gnb .dep03 > li.dep.active > a { color: #111; }

#gnb .dep03 > li.dep.active > a:after { content: "\e91a"; color: #111; }

#gnb .dep03 > li.dep.active > a span:before { width: 100%; }

#gnb .dep03 > li.dep.active > a:before { background: #111; }

#gnb .dep04 { display: none; padding: 0.7rem; }

#gnb .dep04 > li > a { font-size: 0.8rem; color: #666; padding-left: 0.5rem; }

#gnb .dep04 > li > a[target='_blank'] > span:after { font-size: 0.7rem; }

#gnb .dep04 > li > a:before { content: ""; position: absolute; left: 0; top: 7px; width: 3px; height: 3px; border-radius: 50%; background: #bbb; }

#gnb .dep04 > li > a span { position: relative; }

#gnb .dep04 > li > a span:before { content: ""; position: absolute; left: 0; bottom: 0; width: 0px; height: 1px; background: #666; }

#gnb .dep04 > li > a:hover span:before, #gnb .dep04 > li > a:focus span:before { width: 100%; }

#gnb .dep04 > li + li > a { margin-top: 0.5rem; }

/* full Menu */
#fullMenu.dep01 :before, #fullMenu.dep01 > li > a { font-size: 1.8rem; }

#fullMenu .dep02 > li > a, #fullMenu .dep02 > li > a[target='_blank'] > span:after { font-size: 1rem; }

#fullMenu .dep03 > li > a, #fullMenu .dep03 > li > a[target='_blank'] > span:after { font-size: 0.9rem; }

#fullMenu .dep04 > li > a, #fullMenu .dep04 > li > a[target='_blank'] > span:after { font-size: 0.8rem; }

.popFullmenu { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100vh; background:#fff; z-index: 998; }

.fullMenuBox { position: relative; width: 96%; max-width: 86rem; margin: 0 auto; padding-top: 4rem; padding-right:3rem; }

.fullMenuBox .nav { width: 100%; height: calc(100vh - 7rem); margin: 2rem auto 0; color: #111; font-weight: 600;}

.fullMenuBox .top_link { display: none; }

#fullMenu.dep01 li { position: relative; line-height: 1.5; }

#fullMenu.dep01 a { position: relative; display: block; }

#fullMenu.dep01 a[target='_blank'] > span:after { content: "\e980"; display: inline-block; margin-left: 5px; font-size: 1rem; font-family: 'xeicon'; }

#fullMenu.dep01 a > span { position: relative; }

#fullMenu.dep01 > li { width: 22%; display: inline-block; vertical-align: top; margin-right: 4%; margin-top: 0.5rem; margin-bottom: 3rem; }

#fullMenu.dep01 > li:nth-child(4n) { margin-right: 0; }

#fullMenu.dep01 > li > a { line-height: 1.3; padding-bottom: 1rem; border-bottom: 4px solid #ddd; }

#fullMenu.dep01 > li > a span { line-height: 1; }

#fullMenu.dep01 > li > em { color:#e50039; line-height: 1; font-size: 0.8rem; font-weight: 700; }

#fullMenu .dep02 > li > a { padding: 0.75rem 1rem; background-color:#ededed; border:2px solid #ededed}

#fullMenu .dep02 > li > a:before { content: ""; position: absolute; left: 0; top: 0; width: 0; height: 100%; background: #fff; }

#fullMenu .dep02 > li > a:hover, #fullMenu .dep02 > li > a:focus { color: #e50039; font-weight: 600; background-color:#e50039; border-color:#e50039}

#fullMenu .dep02 > li > a:hover:before, #fullMenu .dep02 > li > a:focus:before { width: 100%; }

#fullMenu .dep02 > li + li { border-top: 1px solid rgba(255, 255, 255, 0.5); }

#fullMenu .dep03 { border-top: 1px solid rgba(255, 255, 255, 0.5);}

#fullMenu .dep03 > li > a { margin: 0.5rem 0; padding-right: 1rem; padding-left: 1.75rem; color: #666; font-weight: normal; }

#fullMenu .dep03 > li > a:before { content: ""; position: absolute; left: 1rem; top: 14px; width: 6px; height: 6px; background: #f00; }

#fullMenu .dep03 > li > a:hover, #fullMenu .dep03 > li > a:focus {color:#111; text-decoration: underline;}

#fullMenu .dep03 > li > a:hover span:before, #fullMenu .dep03 > li > a:focus span:before { width: 100%; }

#fullMenu .dep03 > li > a span:before { content: ""; position: absolute; left: 0; bottom: 0; width: 0; height: 1px; background: #fff; }

#fullMenu .dep04 { padding-left: 2rem; padding-right: 1rem; }

#fullMenu .dep04 > li > a { color: rgba(255, 255, 255, 0.6); line-height: 1.3; padding-left: 0.5rem; padding-right: 1rem; }

#fullMenu .dep04 > li > a:before { content: ""; position: absolute; left: 0; top: 12px; width: 4px; height: 1px; background: rgba(255, 255, 255, 0.6); }

#fullMenu .dep04 > li > a:hover, #fullMenu .dep04 > li > a:focus { color: #fff; }

#fullMenu .dep04 > li > a:hover:before, #fullMenu .dep04 > li > a:focus:before { background: #fff; }

#fullMenu .dep04 > li + li { margin-top: 0.25rem; }

#fullmenuClose { top: 1.5rem; width: 3rem; height: 3rem; color: #111; font-size: 1.25rem; text-align: center; line-height: 3rem; border: 1px solid #111; }

#fullmenuClose i{line-height:3rem;}

#fullmenuClose:hover, #fullmenuClose:focus { color: #fff; background: #111; }

/* footer */
#footer { position: relative; padding-bottom: 2rem; background: #f6f6f6; border-top: 1px solid #ddd; z-index:101; font-family: 'SCDreams';}

#footer a:hover { text-decoration: underline; }

#footer .ft_wrap { height: 3.5rem; margin-bottom: 1.5rem; border-bottom: 1px solid #ddd; }

#footer .ft_wrap ul.lst { padding: 0.5rem 1rem; overflow: hidden; }

#footer .ft_wrap ul.lst li { margin: 0 0.75rem; line-height: 2.5rem; float: left; color: #333; font-weight: 400; font-size: 0.8rem; }

#footer .ftBtn_wrap { position: absolute; right: 0; top: 0; z-index:10; }

#footer .ftBtn_wrap .ftBtn { width: 15rem; }

#footer .ftBtn_wrap .ftBtn > button { width: 100%; text-align: left; height: 3.5rem; line-height: 3.5rem; padding: 0 1.5rem; color: #333; border: 1px solid #ddd; border-top: none; background: #f1f1f1; font-size: 0.8rem; }

#footer .ftBtn_wrap .ftBtn > button i { float: right; line-height: 2.5rem; margin: 0.5rem 0; }

#footer .ftBtn_wrap .ftBtn > button:hover { background: #4a4a4a; color: #fff; }

#footer .ftBtn_wrap .ftBtn.on button { background: #4a4a4a; color: #fff; }

#footer .ftBtn_wrap .ftBtn > div { display: none; position: absolute; left: 0; bottom: 3.5rem; width: 100%; max-height: 7.5rem; padding: 0.5rem 0; overflow: auto; background: #fff; border: 2px solid #4a4a4a; }

#footer .ftBtn_wrap .ftBtn > div ul { margin-left: 0.5rem; overflow: hidden; }

#footer .ftBtn_wrap .ftBtn > div a { display: block; position: relative; padding-left: 1rem; margin: 0.15rem 0; font-size: 0.7rem; color: #333; }

#footer .ftBtn_wrap .ftBtn > div a:before { content: ""; position: absolute; left: 0.5rem; top: 0.5rem; width: 3px; height: 3px; border-radius: 50%; background: #333; }

#footer .ftBtn_wrap .ftBtn.on i { transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); }

#footer .ft_box { position: relative; padding-left: 9rem; padding-right: 2rem; font-size: .75rem; }

#footer .ft_box .logo { position: absolute; left: 0; top: 0; display: block; }

#footer .ft_box address span { display: block; padding:0 0 0.35rem; line-height:1.4; }

#footer .ft_box address span strong { color:#666; }

#footer .ft_box address span.fsSCD {font-family: "SCDream"; font-weight:700; color:#666}

#footer .ft_box address span em{display:inline-block; padding-right:.5rem;}

#footer .ft_box .foot_mark { position:absolute; right:0; top:0; }

#footer .ft_box .foot_mark li { display:inline-block; text-align:center; padding:0 0.5rem 0.5rem; vertical-align: top;}

#footer .ft_box .foot_mark li span { display:block; color:#666; font-size:0.6rem; margin-top:0.5rem; line-height:1.3; }

#footer .ft_box p { color:#9fa09b; }

#footer .moveTop { position: absolute; right: 1rem; top: 4rem; width: 3rem; height: 3rem; line-height: 3rem; text-align: center; color: #000; border: 1px solid #333; font-size: 1.2rem; }

#footer .moveTop:hover { line-height: 2rem; color: #e50039; border-color: #e50039; }

/* sub Layout */
.sub-wrap #header.sub_header { position: relative; }

.sub-wrap #header.sub_header .header_wrap { height: 7rem; }

.sub-wrap #header.sub_header .header_wrap > .container { display: block; }

.sub-wrap #header.sub_header .top_util { top: 4.4rem; }

.sub-wrap #header.sub_header #gnb .wrap { top: 7rem; }

.sub-wrap .gnbblind { top: 7rem; }

.sub-wrap .fixSlide { position: absolute; top: 7rem; }

.sub-wrap .fixSlide.kfPluslst { top: 3.5rem; height: calc(100% - 3.5rem); }

.subLocation { border-bottom: 1px solid #ddd; }

#lnb { position: relative; height: 3.5rem; margin-right: 8rem; padding-left: 3rem; font-family: 'SCDream'; }

#lnb .home { position: absolute; left: 0; top: 0.5rem; width: 2.5rem; height: 2.5rem; text-align: center; line-height: 2.6rem; color: #fff; font-size: 1.2rem; border-radius: 50%; background: #000; }

#lnb a { position: relative; display: block; font-size: 0.8rem; }

#lnb ul { position: absolute; left: 0; top: 0; padding-top: 3.4rem; height: 3.5rem; }

#lnb ul.open { height: auto; }

#lnb ul.open > li { visibility: visible; opacity: 1; }

#lnb ul.open > li.active > a { color: #000; font-weight: 600; }

#lnb ul.open > li.active > a:after { width: 100%; }

#lnb ul.open > li.active > a:before { transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); }

#lnb li { width: 100%; opacity: 0; visibility: hidden; }

#lnb li.active { position: absolute; top: 0; left: 0; display: table; width: 100%; height: 3.5rem; visibility: visible; opacity: 1; }

#lnb li.active > a { display: table-cell; vertical-align: middle; padding-left: 0.5rem; padding-right: 1rem; }

#lnb li.active > a:before { content: "\e942"; position: absolute; right: 0.5rem; top: 1rem; font-size: 1.2rem; font-family: 'xeicon'; }

#lnb li.active > a:after { content: ""; position: absolute; left: 0; bottom: 0; width: 0px; height: 4px; background: #000; }

#lnb li:not(.active) > a { color: #fff; padding: 0.5rem 1rem; background: rgba(0, 0, 0, 0.8); }

#lnb li:not(.active) > a span { position: relative; padding: 0.25rem 0; }

#lnb li:not(.active) > a span:before { content: ""; position: absolute; left: 0; bottom: 0; width: 0px; height: 1px; background: #fff; }

#lnb li:not(.active) > a:hover span:before, #lnb li:not(.active) > a:focus span:before { width: 100%; }

#lnb li > a[target='_blank'] > span:after { content: "\e980"; display: inline-block; margin-left: 5px; font-size: 0.8rem; font-family: 'xeicon'; }

#lnb ul.lnb_dep02 { left: 100%; width: 100%; }

#lnb ul.lnb_dep02:before { content: ""; position: absolute; left: 0; top: 1.2rem; width: 1px; height: 1.1rem; background: #ddd; }

#lnb ul.lnb_dep03 { left: 100%; width: 100%; }

#lnb ul.lnb_dep03:before { content: ""; position: absolute; left: 0; top: 1.2rem; width: 1px; height: 1.1rem; background: #ddd; }

#lnb ul.lnb_dep04 { left: 100%; width: 100%; }

#lnb ul.lnb_dep04:before { content: ""; position: absolute; left: 0; top: 1.2rem; width: 1px; height: 1.1rem; background: #ddd; }

#lnb .lnb { width: 33.33%; position: relative; z-index: 100; }

#lnb .lnb > li { width: calc(100% - 1px); }

.snsBox { position: absolute; right: 0; top: 0; }

.snsBox button { width: 2.5rem; line-height: 3.5rem; font-size: 1.1rem; color: #666; }

.snsBox button.active, .snsBox button:hover, .snsBox button:focus { color: #f00; }

.sns_more { display: none; position: absolute; right: 0; top: 3.5rem; width: calc(12rem + 2px); border: 1px solid #000; z-index: 10; }

.sns_more > a { display: block; width: 2rem; height: 2rem; float: left; line-height: 2rem; font-size: 1rem; text-align: center; }

.sns_more > a:hover, .sns_more > a:focus { background: #111; color: #fff; }

#sub_content { position: relative; min-height: 45rem; padding-bottom: 4rem; overflow: hidden;  border-top:1px solid #ddd;}

#sub_content .title_area { width: 100%; overflow: hidden; margin-bottom: 2.5rem; }

#sub_content .title_area h2 { position: relative; padding: 2.5rem 0; border-bottom: 4px solid #ebebea; font-size: 1.5rem; font-family: 'SCDream'; text-align: center; }

/* location */
.title_area .path{position:absolute; right:0; bottom:.75rem;}
.title_area .path li{position:relative; display:inline-block; padding:0 .5rem; line-height:1.5rem; vertical-align: top;}
.title_area .path li a{color:#666; font-size:15px;}
.title_area .path li i{line-height:1.4rem;}
.title_area .path li + li{padding-left:1.5rem;} 
.title_area .path li + li:before{content:"\e940"; position:absolute; left:0; top:0; font-family: 'xeicon'; color:#666; line-height:1.4rem; font-size:16px;}
.title_area .path li.path_nonebg{width:1.5rem; height:1.5rem;; line-height:1.5rem; text-align:center; background:#ebebeb; border-radius:50%; font-size:1rem; padding:0; margin-right:.35rem;}

/*&:before{content:""; position: absolute; left:50%; bottom:0; width:1px; height:1.8rem; background:#000;}*/
@media (max-width: 1730px) { #header h2 { left: 2%; margin-left: 0; }
  .top_util, #fullmenuClose { right: 2%; margin-right: 0; } }

@media (max-width: 1536px) {
  .sub-wrap #header.sub_header h2 { top: 4rem; }
  /* header */
  #header h2 img { height: 2.5rem; width: auto; }
  #header .top_util .search input { border-left: 0; width: calc(100% - 1.5rem); }
  #header .top_util .search .btnIco { display: block; }
  #header .top_util .search .btnClose { position: absolute; right: 0; top: -1.8rem; background: #fff; font-size: 0.8rem; }
  #header .top_util .search .btnClose i { font-size: 1.2rem; vertical-align: middle; margin-left: 0.25rem; }
  #header .top_util .srchWrap { display: none; position: absolute; right: 0; top: 2rem; width: 11.5rem; border: 1px solid #333; padding: 0.5rem; background: #fff; }
  /* KF PLUS */
  .kfPluslst ul { width: 100%; }
  .kfPluslst ul li { width: 25%; } 
}

@media (max-width: 1400px) {
  /* full Menu */
#fullMenu.dep01 > li { width: 32%; margin-right: 2%; }
#fullMenu.dep01 > li:nth-child(3n) { margin-right: 0%; }
#fullMenu.dep01 > li:nth-child(4n) { margin-right: 2%; }
}