body {font-family: 'NotoSans'; font-weight: 400; letter-spacing: -1px;}
.container { position:relative; width:1600px; margin:0 auto;}

#wrap {overflow: hidden;}

/* 스크롤바 커스텀 */ 
#wrap *{ scrollbar-arrow-color: #ddd; scrollbar-Track-Color: #ddd; scrollbar-base-color: #aaa; scrollbar-Face-Color: #aaa; scrollbar-3dLight-Color: #aaa; scrollbar-DarkShadow-Color: #aaa; scrollbar-Highlight-Color: #aaa; scrollbar-Shadow-Color: #aaa; }
#wrap ::-webkit-scrollbar { width: 5px; height:3px; }
#wrap ::-webkit-scrollbar-thumb { background-color: #aaa; border-radius:10px; }
#wrap ::-webkit-scrollbar-track { background-color: #ddd; border-radius:10px; } 

/* header */
#header { position:relative !important; display:flex; height:5rem; align-items:center; padding-right:9rem; border-bottom:1px solid #e6e6e6; z-index:10; background: #fff; } 
#header .logo a { display:block; padding:0 1rem; font-size:0;}
#header .util { position:relative; /*right:8rem; top:2rem;*/ display:flex; }
#header .util a { display:block; padding:0 0.5rem; font-family:"Montserrat"; font-weight:400; text-transform: uppercase; }
#header .util i { display:inline-block; margin-right:0.5rem; }
#header .btnWrap { position:absolute; right:0; top:0; background:#283B90; border-radius:0 0 0 2.3rem; margin-left:1rem;}
#header .btnWrap a { display:flex; justify-content: center; align-items: center; width:4.3rem; height:5rem; text-align: center; font-size:1.5rem; color:#fff; float:left; }

/* gnb */
#gnb { flex:1; width:100%; word-break:keep-all; }
#gnb .dep01 a[target="_blank"]:after { content:"\e980"; font-family:'xeicon'; padding-left:0.3rem;}
#gnb .dep01 { display:flex; justify-content:space-between;padding: 0 10rem;} 
#gnb .dep01 > li > a > span { position: relative; z-index: 1;}
#gnb .dep01 > li > a > span::before { position: absolute; content: ""; width: 100%; height: 12px; left: 0; bottom: 0; background: #283B90; border-radius: 0.5rem; z-index: -1; opacity: 0;}
#gnb .dep01 > li { position:relative; }
#gnb .dep01 > li > a { position:relative; display:flex; height:5rem; align-items:center; justify-content:center; text-align:center; font-size:1rem; font-weight:600; }
#gnb .dep02 { position:absolute; left:50%; top:5rem; width:10rem; -webkit-transform:translateX(-50%); transform:translateX(-50%); box-shadow:0 0 7px rgba(8,92,183,0.2); background:#fff; border-radius:1.5rem; padding:1rem 0.7rem; font-size:0.75rem; z-index:10; visibility:hidden; opacity:0; -webkit-transition:0.2s; transition:0.2s; border: 2px solid #283B90;} 
#gnb .dep02 > li > a { display:block; padding:0.3rem 0; font-weight:600; }
#gnb .dep02 > li.child > a { position:relative; padding-right:0.5rem; }
#gnb .dep02 > li.child > a:before { content:"\e942"; position:absolute; right:0; top:0.5rem; font-family:"xeicon"; -webkit-transition:0.2s; transition:0.2s; }
#gnb .dep02 > li.child.active > a:before { -webkit-transform:rotate(180deg); transform:rotate(180deg);}
#gnb .dep03 { display:none; background:#f1f9ff; border-radius:0.5rem; padding:0.5rem; font-size:0.7rem;}
#gnb .dep03 > li > a { position:relative; display:block; color:#436b89; padding:0.2rem 0 0.2rem 0.5rem;}
#gnb .dep03 > li > a:before { content:""; position:absolute; left:0; top:0.6rem; width:3px; height:3px; background:#436b89; border-radius:50%; } 
/** gnb : active **/ 
#gnb .active .dep02 { left:50%; visibility:visible; opacity:1; display: block !important;}
#gnb .active .dep02:before {-webkit-transform:translateX(-50%) rotate(135deg); transform:translateX(-50%) rotate(135deg);}
#gnb .dep01 > li > a:hover,
#gnb .dep01 > li > a:focus { color:#283B90; font-weight:700; }
#gnb .dep01 > li > a:hover > span::before,
#gnb .dep01 > li > a:focus > span::before { opacity: 0.4; transition: 0.15s; -webkit-transition: 0.15s;}
#gnb .dep02 > li > a:hover,
#gnb .dep02 > li > a:focus { color:#283B90; }
#gnb .dep02 > li.active .dep03 { display:block !important; }
#gnb .dep03 > li > a:hover,
#gnb .dep03 > li > a:focus { text-decoration:underline; }


/* 검색화면 */
.searchFull { display:none; position:absolute; right:0; top:5rem; width:100%; background:rgba(255,255,255,0.95); box-shadow:3px 3px 5px rgba(8,92,183,0.15); padding:2rem 0; } 
.searchFull form { width:100%; max-width:30rem; margin:0 auto; }
.searchFull form input { width:calc(100% - 5.5rem); height:3.3rem; border:2px solid #0399ff; border-radius:2.1rem 2.1rem 0 2.1rem; float:left; padding:0 1rem; } 
.searchFull form .btnSrch { display:block; width:5.5rem; line-height:3.2rem; background:#0399ff; float:right; color:#fff; font-size:1rem; text-align:center; border-radius:2.1rem 2.1rem 2.1rem 0; }
.searchFull .btnClose { position:absolute; right:0; top:50%; color:#0b509a; font-size:1.5rem; -webkit-transform:translateY(-50%); transform:translateY(-50%); }
 
/* 사이트맵 */
.popFullmenu { display:none; position:fixed; left:0; top:0; width:100%; height:100vh; background:#fff;z-index: 10; }
.popFullmenu h2 { height:5rem; text-align:center; border-bottom:1px solid #e6e6e6; padding:1.5rem 0; }
.popFullmenu h2 span { position:relative; font-size:1.4rem; font-weight:600; }
.popFullmenu h2 span:before { content:""; position:absolute; left:-10%; bottom:0; width:120%; height:0.75rem; background:#edf6ff; border-radius:1rem 1rem 0 1rem; z-index:-1; }
.popFullmenu .logo { position:absolute; left:1rem; top:1.4rem; } 
.popFullmenu .fullmenu_group { position:relative; width:1400px; height:calc(100vh - 15rem); margin:5rem auto 0; overflow-y:auto; overflow-x:hidden; }
.popFullmenu .util_wrap { display:none;}
.popFullmenu .dep01 { display:flex; flex-wrap:wrap; overflow:hidden; }
.popFullmenu .dep01 > li { width:20%; margin-bottom:2rem; padding:0 1rem; } 
.popFullmenu .dep01 > li > a { position:relative; display:block; font-size:1.1rem; font-weight:600; color:#085eba; padding:0.7rem 1rem; border-bottom:1px solid #cddef0; -webkit-transition:0.2s; transition:0.2s;}
.popFullmenu .dep01 > li > a:before { content:""; position:absolute; right:0; bottom:-0.3rem; width:0.6rem; height:0.6rem; background:#085eba; border-radius:3px; -webkit-transform:rotate(45deg); transform:rotate(45deg); -webkit-transition:0.2s; transition:0.2s;} 
.popFullmenu .dep02 { padding:1rem 1.5rem; }
.popFullmenu .dep02 > li > a { display:block; font-weight:600; padding:0.3rem 0; }
.popFullmenu .dep03 { background:#f2f9ff; padding:0.8rem; }
.popFullmenu .dep03 > li { padding:0.2rem 0;}
.popFullmenu .dep03 > li > a { position:relative; display:block; padding-left:0.5rem; font-size:0.7rem; }
.popFullmenu .dep03 > li > a:before { content:""; position:absolute; left:0; top:0.3rem; width:0.2rem; height:0.2rem; background:#0398fd; border-radius:50%; }
.popFullmenu .btnClose { position:absolute; right:0; top:0; width:5rem; height:5rem; background:#004896; color:#fff; text-align:center; line-height:5rem; font-size:1.5rem; border-radius:0 0 0 2.3rem; }
/** 전체메뉴 : active **/
.popFullmenu .dep01 > li > a:hover,
.popFullmenu .dep01 > li > a:focus { color:#007bff; border-color:#007bff; }
.popFullmenu .dep01 > li > a:hover:before,
.popFullmenu .dep01 > li > a:focus:before { -webkit-transform:rotate(135deg); transform:rotate(135deg);}
.popFullmenu .dep02 > li > a:hover,
.popFullmenu .dep02 > li > a:focus { color:#0098d9;  }
.popFullmenu .dep03 > li > a:hover,
.popFullmenu .dep03 > li > a:focus { text-decoration:underline; }
 
/* footer */
#footer {position:relative;background: #2b2e38;border-top:1px solid #dbdbdb;font-size:0.75rem;padding: 2.5rem  0 3rem;}
#footer .container { position: relative; }

.ftBtnWrap{position:relative; height:3.75rem; line-height:3.75rem; text-align:left; border-right:1px solid #dfdfdf;}
.ftBtnWrap:before {content:""; position:absolute; left:-100%; bottom:0; width:300%; height:1px; background:#dfdfdf; }
.ftBtnWrap:after{clear:both; display:block; content:"";} 
.ftBtnWrap .ftBtn{position:relative; float:left; width:25%;}
.ftBtnWrap .ftBtn button{position:relative; display:block; border-left:1px solid #dfdfdf; padding:0 3rem 0 1.5rem; width:100%; height:3.75rem; line-height:3.75rem; text-align:left; font-weight:600; font-size:0.9rem; transition:all 0.25s; -webkit-transition:all 0.25s;}   
.ftBtnWrap .ftBtn button i { position:absolute; right:1rem; top:0; font-size:1rem; line-height:3.75rem; }
.ftBtnWrap .ftBtn button:hover,
.ftBtnWrap .ftBtn button:focus{color:#0098d9;}  
.ftBtnWrap .ftBtn.on button i{-webkit-transform:rotate(180deg); transform:rotate(180deg); }
.ftBtnWrap .ftBtn > div{position:absolute; bottom:3.75rem; left:0; display:none; padding:0.5rem; width:100%; border:1px solid #dbdbdb; background:#fff;  overflow:auto; z-index:2;}
.ftBtnWrap .ftBtn > div ul{max-height:9rem; overflow-y: auto;}
.ftBtnWrap .ftBtn > div ul > li{ padding:0.25rem 0.5rem; } 
.ftBtnWrap .ftBtn > div a{position:relative; display:block; margin:0.15rem 0; padding-left:1rem; line-height:1.6; font-size:0.9rem;}
.ftBtnWrap .ftBtn > div a:before{position:absolute; left:0.5rem; top:50%; margin-top:-2px; width:3px; height:3px; background:#0098d9; border-radius:50%; content:"";}

.ftWrap {padding:1.85rem;position: absolute;right: 2.7rem;top: -2.5rem;font-size: 0.75rem;background: #212531;}
.ftWrap ul { display:flex; flex-wrap:wrap; width: calc(100% + 1rem); margin-left: -1rem; flex-direction: column;}
/* .ftWrap ul li:not(:last-child):before { content:""; position:absolute; right:0; top:0.2rem; width:1px; height:0.7rem; background:#ccc; } */
.ftWrap ul li a { display:block; font-weight:600; font-size: 18px; padding: 0 1rem; line-height: 2; letter-spacing: -0.025rem; position: relative; color: #fff; }
.ftWrap ul li.point a {color: #03d7eb;}

.ftBox .copyright { color: #fff; padding-right: 17.5rem; font-size: 0.75rem; }
.ftBox address { color: #fff; /*padding-right: 17.5rem;*/ font-size: 0.75rem;}
.ftBox address span { display: inline-block; margin-right: 5px; }
.ftBox ul { display:flex; flex-wrap:wrap; }
 .ftBox ul li { position:relative; padding-right:0.7rem; margin-right:0.7rem; }
.ftBox ul li:not(:last-child):before { content:""; position:absolute; right:0; top:0.2rem; width:1px; height:0.7rem; background:#818181; }

.copyright { margin-top:0.5rem; }

.btnTop { position:absolute; right:-5rem; top:2rem; width:3.2rem; height:3.2rem; background:#236dbd; text-align:center; border-radius:1rem; color:#fff; padding:0.5rem 0; z-index:10;}
.btnTop i { font-size:1.2rem; }
.btnTop span { display:block; font-size:0.7rem; font-family:"Montserrat"; }


/*===================== sub =====================*/

.subCntBody { position:relative; display:flex; width:1400px; margin:0 auto; }
.sub_container{ position:relative; width:calc(100% - 15rem); padding-left:2rem; padding-top:3.2rem; float:right; }
#subContent{min-height:30rem; font-weight: 400; line-height:1.6; font-size:.75rem; padding:2.5rem 0 3rem;}

/* lnb */
#lnb { width:15rem; display:block; margin-bottom:4rem;}
#lnb h2{ position:relative; display:flex; justify-content:center; align-items:center; height:9rem; text-align:center; padding:1.5rem .25rem; font-weight: 700; color:#fff;  font-size:1.35rem; overflow:hidden; background:#085cb7 url('/images/template/02465/layout/lnb_bg.png') no-repeat center / cover; z-index:0;}  
#lnb h2 span { display: block; margin-top: -2.5rem;}
#lnb nav { position: relative; margin-top: -2.5rem; border-radius: 1rem; border: 1px solid #dfeeff; background: #fff;}
#lnb .dep01 { padding: 1rem 0; overflow: hidden;}
#lnb .dep01 li { position:relative; } 
#lnb .dep01 li a { position:relative; display:block; font-weight: 600;} 
#lnb .dep01 li a[target='_blank'] > span:after{content:"\e980"; font-family:'xeicon'; display:inline-block; font-weight: 400;padding-left:5px; } 
#lnb .dep01 > li > a{display:block; padding:2px; font-size:0.8rem; color:#333; }
#lnb .dep01 > li::before { content: ''; display: block; width: calc(100% - 2rem); border-top: 1px dotted #d6d6d6; position: absolute; bottom: 0; left: 1rem; z-index: 1;} 
#lnb .dep01 > li > a[target='_blank'] > span:after{font-size:.75rem;}
#lnb .dep01 > li > a span { display:block; padding:1rem 2rem 1rem 1rem; background:#fff; font-size: 0.9rem; }
#lnb .dep01 > li.dep > a:before{content:""; position:absolute; right:1rem; top:0; width:1rem; height:100%; background:url('/images/template/02465/layout/arrw.png') no-repeat center / contain; }
#lnb .dep02{ display:none; padding:.75rem 1.5rem; background:#f2f9ff; }
#lnb .dep02 > li + li{margin-top:.5rem;}
#lnb .dep02 > li > a{ padding-left:.5rem; font-size:.75rem;}
#lnb .dep02 > li > a:before { content:''; position:absolute; left:0; top:7px; display:block; width:3px; height:3px; background:#333; border-radius:50%; }
#lnb .dep02 > li > a > span { display: block; position: relative;}
#lnb .dep02 > li > a > span::before { content: '\e92b'; font-family: 'xeicon'; font-size: 0.75rem; color: #0a53a4; position: absolute; right: 0; top: calc(50% - 0.375rem); opacity: 0; transition: all 0.15s;}
#lnb .dep02 > li.dep > a:after{content:'\e941'; position:absolute; right:0; top:0.3rem; font-family: 'xeicon'; font-size:0.6rem;}
#lnb .dep02 > li > a > span:after{content:""; display:inline-block; width:10px; height:10px; border-radius:50%; background:#fff; opacity: 0.5;}
#lnb .dep02 > li > a[target='_blank'] > span:after{font-size:.7rem;}
/*
#lnb .dep03{ display:none; padding:.75rem .5rem; margin-top:.5rem; border-top:1px solid #ddd; background:#fff; }
#lnb .dep03 > li + li{margin-top:.5rem;}
#lnb .dep03 > li > a{ padding-left:10px; font-size:.7rem; font-weight: 400;}
#lnb .dep03 > li > a:before { content:''; position:absolute; left:0; top:10px; display:block; width:4px; height:2px; background:#999; }*/
/* lnb:active */
#lnb .dep01 > li.active > ul,
#lnb .dep02 > li.active > ul{display:block; position: relative; z-index: 2;}
#lnb .dep01 > li.active > a{ border-bottom:none; background:linear-gradient(to right, #0862be, #0398fe); font-weight:700;} 
#lnb .dep01 > li.active.dep > a:before { -webkit-transform:rotate(180deg); transform:rotate(180deg);}
#lnb .dep02 > li.active > a{text-decoration:underline;}  
#lnb .dep02 > li:hover > a:before,
#lnb .dep02 > li:focus > a:before,
#lnb .dep02 > li.active > a:before {background:#0398fe;}
#lnb .dep02 > li > a:hover,
#lnb .dep02 > li > a:focus{text-decoration:underline;}
#lnb .dep02 > li.active > a > span::before, 
#lnb .dep02 > li > a:hover > span::before,
#lnb .dep02 > li > a:focus > span::before { opacity: 1;}
h2.pageTitle { font-size:1.3rem; font-weight:600; margin:0 0 0.5rem; }
 
.subvisual { position: relative; font-size: 0;}
.subvisual img{ position: relative; transform: translateX(-50%); left: 50%;}
/* location */
.subLocation { position:relative; }  
.subLocation .sub_loc { background: #f0fbfe; border-radius: 0.5rem; padding: 0.6rem 1rem;}
.subLocation .sub_loc li{display:inline-block; font-size:.7rem; font-weight: 600; vertical-align:middle; }
.subLocation .sub_loc li i{font-size:1rem; color:#004896;}
.subLocation .sub_loc li + li:before{content:"\e93f"; display:inline-block; color:#becad8; font-family: 'xeicon'; margin:0 5px;}

/* location : sns */ 
.snsBox { position:absolute; right:0; top:0.1rem; font-size:0; text-align:center;}
.snsBox > a { position:relative; display:inline-block; width:2.5rem; font-size:1.1rem; color:#607a96; overflow:hidden; padding:0; z-index:2;}  
.snsBox > a.btnPrint:before { content:""; position:absolute; left:0; top:0.5rem; width:1px; height:0.5rem; background:#cbd6e2; }
.snsBox .snsMore{ position:absolute; right:5rem; top:-0.1rem; width:8.5rem; border:1px solid #607a96; border-radius:0.5rem; background:#fff; text-align:center; overflow:hidden; z-index:2; opacity:0; visibility:hidden; -webkit-transition:0.2s; transition:0.2s; -webkit-transform:translateX(1rem); transform:translateX(1rem);} 
.snsBox .snsMore.active { -webkit-transform:translateX(0); transform:translateX(0); opacity:1; visibility:visible;}
.snsBox .snsMore:focus {outline:none;}
.snsBox .snsMore a{display:inline-block; color:#90a5ba; padding:0 0.3rem; } 
.snsBox .snsMore a i {display:block; line-height:1.6rem; font-size:1.1rem; } 
.snsBox .snsMore a.blog { width:1.6rem; height:19px; background:url('/images/template/02465/sub/sns_blog.png') no-repeat center; }
.snsBox .snsMore a.snsClose {position:absolute; left:0; top:0.25rem; color:#2c498c;}
/* location : sns : active */ 
.snsBox .snsMore.active{ opacity: 1; visibility:visible; }
.snsBox > a.active,
.snsBox > a:hover,
.snsBox > a:focus,
.snsBox .snsMore a:hover,
.snsBox .snsMore a:focus{color:#085eb9;}    
.snsBox .snsMore a:hover,
.snsBox .snsMore a:focus{color:#085eb9;}   
.snsBox .snsMore a.blog:hover,
.snsBox .snsMore a.blog:focus { background-image:url('/images/template/02465/sub/sns_blog_hover.png'); }
@media (max-width:1920px) {
    #gnb .dep01 { padding: 0 6rem;} 
}
@media (max-width:1800px) { 
    /* header */ 
    #header { height:3.5rem; margin-bottom:3.5rem; }
    #header .util { position:absolute; top:1.3rem; right:9rem; }

    /* gnb */
    #gnb { position:absolute; left:0; top:3.5rem; width:100%; padding:0 2rem; border-bottom:1px solid #e6e6e6; }
    #gnb .dep01 { padding:0; justify-content: space-around;}
    #gnb .dep01 > li > a { height:3.5rem;}
    #gnb .dep02 { top:3.5rem; }


    #header .btnWrap { border-radius:0 0 0 1rem; margin-left:0;}
    #header .btnWrap a { width: 3.5rem; height:3.5rem; line-height:3.5rem;}
    #header .btnWrap a img { height: 2rem; }

    .searchFull { top:7rem; }
    
	/* 사이트맵 */   
    .popFullmenu h2 { height:3.5rem; padding:0.8rem 0; }
    .popFullmenu .logo { top:0.6rem; }
    .popFullmenu .btnClose { width:3.5rem; height:3.5rem; line-height:3.5rem; border-radius:0 0 0 1rem; } 
    .popFullmenu .fullmenu_group { height:calc(100vh - 8rem); margin:2rem auto; }
}
@media (max-width:1640px) {
    .container { width: 100%; padding: 0 1rem; }

    .btnTop { right:1rem; top:auto; bottom:2rem;}
    .ftBox { padding-right:4rem;} 
}
@media (max-width:1440px) {

    /* 사이트맵 */
    .popFullmenu .fullmenu_group { width:96%; }
    .popFullmenu .dep01 > li { width:25%; }

    /* 검색 */
    .searchFull .btnClose { right:1rem; }

    
    .subCntBody { width:100%; padding:0 1rem;}

    .ftWrap ul li a:before { content:""; position:absolute; right:0; top:50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); width:1px; height:0.7rem; background:#ccc; }
    .ftWrap ul li:last-child a::before { display: none; }
    #footer { padding: 1.5rem 0; }
    .ftWrap { position: relative;background: none; right: auto; top: auto; padding: 0; margin-bottom: 1rem;}
    .ftWrap ul { flex-direction: row; }
    .ftBox address,
    .ftBox .copyright { padding-right: 0; }

     
    .subvisual { width: 100%;}   
    .subvisual img{ width: 170%; height: auto;}    
}
@media (max-width:1280px) {
    /* header */ 
    #header { margin-bottom:0; }
    #header .logo a img { width:10rem; }

    .searchFull { top: 3.5rem; }
    /* gnb */
    #gnb { display:none; }
    
	/* 사이트맵 */   
    .popFullmenu h2 { text-align:left; padding-left:1rem; }
    .popFullmenu h2 span { font-size:1.2rem; }
    .popFullmenu h2 span:before { display:none;}
    .popFullmenu .logo { display:none; }
	.popFullmenu .fullmenu_group{ width:calc(100% - 1rem); height:calc(100vh - 6rem); margin:1rem auto 0; padding:0 0.5rem;}
    .popFullmenu .dep01 { display:block; margin:0; }
    .popFullmenu .dep01 > li { width:100%; margin-bottom:1rem; padding:0; border:1px solid #b4d0eb; border-radius:0.7rem; } 
	.popFullmenu .dep01 > li > a{float:none; width:100%; font-size:.9rem; border:none; padding-right:2rem; border-radius:0.7rem 0.7rem 0 0.7rem; }
	.popFullmenu .dep01 > li > a:before{display:none;}
	.popFullmenu .dep01 > li.child > a{padding-right:2.5rem;}
	.popFullmenu .dep01 > li.child > a:after{content:""; position:absolute; right:1rem; top:0; width:1rem; height:100%; background:url('/images/template/02465/layout/arrw.png') no-repeat center / contain; } 
    .popFullmenu .dep01 > li > a[target="_blank"]:after { position:absolute; right:1rem; top:0.8rem; }
    /*
	.popFullmenu .dep01 > li > a > span{padding-left:1rem }
	.popFullmenu .dep01 > li > a > span:before{display:none;}*/
	.popFullmenu .dep01 > li.child.active > a:after{color:#0098d9; transform:rotate(180deg); -webkit-transform:rotate(180deg);}
	.popFullmenu .dep01 > li > a:focus,
	.popFullmenu .dep01 > li.active > a{background:#fff; border:2px solid #0860bc;} 
	.popFullmenu .dep02{display:none; float:none; padding:0; width:100%; }
	.popFullmenu .dep02 > li{float:none; margin-left:0; width:100%;}
    .popFullmenu .dep02 > li + li { border-top:1px dashed #dce9f6; }
	.popFullmenu .dep02 > li > a{padding:0.8rem 1rem; }
	.popFullmenu .dep02 > li.child{position:relative;} 
	.popFullmenu .dep02 > li.child.active > a{font-weight:600;}
	.popFullmenu .dep02 > li.child > a:after{content:"\e913"; position:absolute; right:1rem; top:1rem; font-family:"xeicon"; } 
	.popFullmenu .dep02 > li.child.active > a:after{content:"\e91a";}
	.popFullmenu .dep03{display:none; width:calc(100% - 2rem); margin:0 auto 1rem; padding:0.75rem; }
	.popFullmenu .dep01 li.active .dep02,
	.popFullmenu .dep02 li.active .dep03{display:block;} 
    
    /*========================= subLayout ========================= */
	.subCntBody{display:block; padding:0; margin:0 auto;}
	#lnb{width:100%; float:none; margin-bottom:1rem;}
	.sub_container{ width:100%; float:none; padding:0 1rem;} 
    
    #pageTitle { font-size:1.1rem; padding-right:2.5rem;}

	/* lnb */ 
	#lnb h2{display:block; height:auto; padding:0.6rem 2rem 0.6rem 1rem; font-size:1rem; text-align:left; border-radius:0; cursor: pointer;margin-bottom:0; }
	#lnb h2:after{content:"\e941"; position:absolute; right:1rem; top:0.9rem; font-family: 'xeicon'; font-size:.9rem;} 
    #lnb h2.active:after { -webkit-transform:rotate(180deg); transform:rotate(180deg);}
    #lnb h2 span { margin-top: 0;}
    #lnb nav{display:none; margin-top: 0; border: none;}
    #lnb .dep01 { background:#f6f6f6; padding: 0;}
    #lnb .dep01 > li::before { width: 100%; border-top: 1px solid #d6d6d6; left: 0; } 
    #lnb .dep01 > li.active > a { border-radius:0; background:#c9e7fe; }
    #lnb .dep01 > li > a span { border-radius:0; padding:0.5rem 2rem 0.5rem 1rem; background:transparent; }
}
@media (max-width:1080px) {
    /* 푸터 */
    .ftBtnWrap { height:auto; }
    .ftBtnWrap:before { display:none; }
    .ftBtnWrap .ftBtn { width:50%; }
    .ftBtnWrap .ftBtn button { height:2.5rem; line-height:2.5rem; font-size:0.8rem; border-bottom:1px solid #dfdfdf; }
    .ftBtnWrap .ftBtn button i { line-height:2.5rem; }
    .ftBtnWrap .ftBtn > div { bottom:2.5rem; }
}
@media (max-width:768px) { 

    /* header */ 
    #header .logo a { padding-left:0.6rem; }
    #header .util { display:none; }

	/* 사이트맵 */  
    .popFullmenu .util_wrap { position: absolute; right:4rem; top:1.2rem; display:block; }
    .popFullmenu .util_wrap ul { display:flex; }
    .popFullmenu .util_wrap ul li { position:relative; font-size:0.7rem; font-family:"Montserrat"; padding:0 0.5rem; text-transform:uppercase; }
    .popFullmenu .util_wrap ul li + li:before { content:""; position:absolute; left:0; top:0.2rem; width:1px; height:0.5rem; background:#e4e4e4}
    .popFullmenu .util_wrap i { display:none;}

    /* 검색창 */
    .searchFull { padding:1.5rem 3rem 1.5rem 0; }
    .searchFull form { max-width:none; }
    .searchFull .btnClose { right:-1.5rem; }

    /* 푸터 */
    .ftBox { padding-right:0; }
    .btnTop { position:fixed; }

    .snsBox > a.btnPrint { display:none; }
    .snsBox .snsMore { right:2.5rem;}
}
@media (max-width:480px) {
    /* 푸터 */ 
    .ftBtnWrap .ftBtn { width:100%; }

    #header .logo a { padding-right:0; }
    #header .logo a img { width:9rem; }
    #header .btnWrap a { width:2.5rem; font-size:1.2rem; }

    /* 사이트맵 */ 
    .popFullmenu .btnClose { width:2.8rem; }
    .popFullmenu .util_wrap { right:3.2rem; }

    /* 검색창 */
    .searchFull form input { width:calc(100% - 3.5rem); height:2.8rem; border-radius:1rem 0 0 1rem; padding:0 0.6rem; }
    .searchFull form .btnSrch { width:3.5rem; height:2.8rem; line-height:2.8rem; border-radius:0 1rem 1rem 0; font-size:0.8rem; }


    /* 푸터 */
    .ftBox ul li { display:block; margin:0 0 0.3rem; padding:0; }
    .ftBox ul li:not(:last-child):before { display:none; }

    .snsBox .snsMore { right:0; top:2rem; } 

    #header { padding-right: 5rem; }
}