@charset "utf-8";
@import url("/00_common/font/SCDream/fonts.css");
@import url("/00_common/font/Sora/fonts.css");

/*-----------------------------------------------------------
Author :Gahye, Park
Creative date :2021. 11. 10
-----------------------------------------------------------*/
html{overflow-x:hidden;}
#wrap{position:relative;overflow:hidden;}
.container{position:relative;margin:auto;width:1400px;}
.container:after{content:"";display:block;clear:both;}

/* 상단(팝업) */
#wrap .popBtn{right:calc(50% - 830px);}

/* 상단(로고 및 메뉴) */
#header{position:relative;margin:auto;height:7.5rem;background:#fff;border-bottom:1px solid #c5c5c5;}
#header h1{position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%) translateY(-.5px);transform:translateY(-50%) translateY(-.5px);}
#header h1 a{display:block;}
#header h1 a img{display:block;max-width:100%;}

.top{height:4.5rem;}
.top:before{position:absolute;bottom:0;left:50%;width:100vw;height:1px;-webkit-transform:translateX(-50%);transform:translateX(-50%);background:#dcdcdc;content:"";}
.top:after{clear:both;display:block;content:"";}
.top_menu{position:absolute;top:50%;right:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.top_menu li{float:left;font-size:0.75rem;color:#444;}
.top_menu li > a{position:relative;display:block;padding:0 .5rem;}
.top_menu li > a:hover,
.top_menu li > a:focus{text-decoration:underline;}
.top_menu li + li > a:before{position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:4px;height:4px;background:#49c2af;content:"";border-radius:50%;}
.top_menu li.fs_ctrl{padding-left:.5rem;color:#1e4096;}
.top_menu li.fs_ctrl > div{display:inline-block;vertical-align:middle;margin-left:.5rem;}
.top_menu li.fs_ctrl > div > a{position:relative;display:inline-block;width:1.2rem;height:1.2rem;background-color:#eef0f4;border-radius:50%;-webkit-transition:background .3s;transition:background .3s;}
.top_menu li.fs_ctrl > div > a + a{margin-left:.25rem;}
.top_menu li.fs_ctrl > div > a:before{position:absolute;top:50%;left:50%;width:100%;height:100%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);background-image:url(/images/T1001/main/fs_ctrl.png);background-repeat:no-repeat;background-size:cover;background-position:0 0;content:"";}
.top_menu li.fs_ctrl > div > a.fs_ctrl_mius_btn:before{background-position:-1.2rem 0;}
.top_menu li.fs_ctrl > div > a:hover,
.top_menu li.fs_ctrl > div > a:focus{background:#cedbf3;}

/* 검색 */
.box_search_0{position:absolute;top:50%;left:50%;width:18.5rem;height:2.25rem;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
.box_search_0 input{padding:0 3.5rem 0 1.3rem;width:100%;height:2.25rem;font-size:0.75rem;border:none;background:#eee;}
.box_search_0 .srch_btn{position:absolute;top:0;right:0;padding:0;width:2.25rem;height:2.25rem;background:#1e4096;text-align:center;font-size:1.1rem;color:#fff;box-shadow:4px 0 8px rgba(30, 64, 150, .2);}
.box_search_0 input::-webkit-input-placeholder{color:#444;}
.searchOpen{position:absolute;display:none;top:0;left:0;width:3.5rem;height:3.5rem;background:#1e4096;line-height:3.5rem;color:#fff;font-size:1.2rem;text-align:center;}
.btnSearchClose{position:absolute;display:none;top:-3.5rem;left:0;width:3.5rem;height:3.5rem;background:#1e4096;line-height:3.5rem;color:#fff;font-size:1.2rem;text-align:center;}

/* 웹네비게이션 */
/* gnb common */
#blind{display:none;position:absolute;left:0;top:3rem;width:100%;height:200vh;background:rgba(0,0,0,0.8);z-index:1;}
#nav{position:relative;width:100%;z-index:997;}
#gnb{position:relative;height:60px;z-index:2;}
#gnb li a{position:relative;display:block;}
#gnb li a span{position:relative;}
#gnb .depth01{width: 70rem;padding-right: 3rem;margin:auto;z-index:1;}
#gnb .depth01 > ul{text-align:center;width:100%;font-size:0;line-height:0;}
#gnb .depth01 > ul > li{display:inline-block;vertical-align:top;font-size:.8rem;line-height:1.6;}
#gnb .depth01 > ul > li.on > a{color:#1e4096 !important;}
#gnb .depth01 > ul > li > a{display:table;width:100%;height:3rem;text-align:center;font-size:1rem;color:#222;font-weight:400;}
#gnb .depth01 > ul > li > a > span{display:table-cell;vertical-align:middle;}
#gnb .depth01 > ul > li > a[target='_blank'] > span:after{content:"\e980";display:inline-block;padding-left:.25rem;font-family:'xeicon';font-size:.9rem;}
#gnb .depth01.depWidth > ul{display:table;}
#gnb .depth01.depWidth > ul > li{display:table-cell;}
#gnb .depth01.depWidth > ul > li > a{padding:0;}
#gnb .depth02{width:100%;height:auto;text-align:left;}
#gnb .depth02 > ul{padding:.75rem 0;}
#gnb .depth02 > ul > li.dep:before{content:"\e913";position:absolute;right:.5rem;top:.5rem;font-family:'xeicon';font-size:.8rem;z-index:2;}
#gnb .depth02 > ul > li.dep:hover:before{color:#fff;}
#gnb .depth02 > ul > li.dep.active:before{content:"\e91a";color:#fff;}
#gnb .depth02 > ul > li.dep > a{padding-right:1.5rem;}
#gnb .depth02 > ul > li > a{color:#111;font-weight:400;padding:.5rem;font-size:.8rem;}
#gnb .depth02 > ul > li > a:before{content:"";position:absolute;left:0;top:1.1rem;width:0;height:0;border-radius:50%;background:#5a63b0;}
#gnb .depth02 > ul > li > a[target='_blank'] > span:after{content:"\e980";display:inline-block;padding-left:.25rem;font-family:'xeicon';vertical-align:middle;font-size:.8rem;}
#gnb .depth02 > ul > li.active > a:before{color:#fff;}
#gnb .depth02 > ul > li > a:hover,
#gnb .depth02 > ul > li.active > a{color:#fff;background:#5a63b0;}
#gnb .depth03{position:relative;display:none;margin:0 0 .25rem;}
#gnb .depth03 > ul{border-bottom:1px solid #ddd;background:#f9f9f9;padding:.5rem 1rem;}
#gnb .depth03 > ul > li > a{font-size:.75rem;padding:.15rem 0;color:#000;opacity:.8;}
#gnb .depth03 > ul > li > a > span:before{content:"";position:absolute;left:0;bottom:0;width:0;height:1px;background:#777;}
#gnb .depth03 > ul > li > a[target='_blank'] > span:after{content:"\e980";display:inline-block;padding-left:.15rem;font-family:'xeicon';vertical-align:middle;font-size:.7rem;}
#gnb .depth03 > ul > li > a:hover,
#gnb .depth03 > ul > li > a:focus{opacity:1;}
#gnb .depth03 > ul > li > a:hover > span:before,
#gnb .depth03 > ul > li > a:focus > span:before{width:100%;}
#gnb .active > .depth03{display:block;}
#nav ul, #nav li, #nav :after, #nav :before, #nav div, #nav a{transition:all .3s;-webkit-transition:all .3s;}

/* fullDown */
#nav.fullDown #gnb{height:3rem;overflow:hidden;}
#nav.fullDown #gnb:before{content:'';position:absolute;left:0;top:calc(2.9rem + 1px);width:100%;height:1px;background:rgba(0,0,0,0.1);z-index:1;}
#nav.fullDown #gnb:after{content:"";position:absolute;left:0;top:1px;width:100%;height:0;background:#fff;z-index:0;transition-delay:.3s;opacity:0;}
#nav.fullDown ul,
#nav.fullDown li{height:100%;}
#nav.fullDown .depth01{position:relative;}
#nav.fullDown .depth01 > ul{display:table;width: 100%;}
#nav.fullDown .depth01 > ul > li{display:table-cell;}
#nav.fullDown .depth01 > ul > li{border-width:0 0 0 1px;border-style:solid;border-color:transparent;}
#nav.fullDown .depth01 > ul > li:last-of-type{border-width:0 1px;}
#nav.fullDown .depth01 > ul > li.on > a{color:#5a63b0 !important;}
#nav.fullDown .depth02{position:relative;left:auto;top:auto;opacity:0;visibility:hidden;transition-delay:.0s;}
#nav.fullDown .depth02 li{position:relative;}

#nav.fullDown #gnb.active{height:auto;}
#nav.fullDown #gnb.active:after{height:100%;transition-delay:.0s;opacity:1;}
#nav.fullDown .active .depth01 > ul > li > a{color:#000;}
#nav.fullDown .active .depth01 > ul > li,
#nav.fullDown .active .depth01 > ul > li:last-of-type{border-color:#eee;transition-delay:.5s;}
#nav.fullDown .active .depth01 > ul > li + li > a:before{opacity:1;}
#nav.fullDown .active .depth02{opacity:1;visibility:visible;transition-delay:.3s;}

/* oneDown */
#nav.oneDown #gnb{height:3rem;}
#nav.oneDown ul,
#nav.oneDown li{height:100%;}
#nav.oneDown .depth01{position:relative;}
#nav.oneDown .depth01 > ul{width:100%;text-align:center;}
#nav.oneDown .depth01 > ul > li{position:relative;display:inline-block;float:none;}
#nav.oneDown .depth02{position:absolute;width:120%;left:-10%;top:3rem;opacity:0;visibility:hidden;transition-delay:.0s;text-align:left;}
#nav.oneDown .depth02:before{content:"";position:absolute;left:0;top:0;width:100%;height:0;background:#fff;z-index:0;opacity:0;}
#nav.oneDown .depth02 li{position:relative;}

/*#nav.oneDown #gnb.active{background:#fff;}*/
#nav.oneDown .active .depth01 > ul > li > a{color:#000;}
#nav.oneDown .depth01 > ul > li.on > .depth02{opacity:1;visibility:visible;display:block;}
#nav.oneDown .depth01 > ul > li.on > .depth02:before{height:100%;opacity:1;}

/* oneFull */
#nav.oneFull #gnb{height:3rem;}
#nav.oneFull #gnb:before{content:'';position:absolute;left:0;top:calc(2.9rem + 1px);width:100%;height:1px;background:rgba(0,0,0,0.1);z-index:1;}
#nav.oneFull ul,
#nav.oneFull li{height:100%;}
#nav.oneFull .depth01 > ul{width:100%;text-align:center;font-size:0;line-height:0;}
#nav.oneFull .depth01 > ul > li{display:inline-block;float:none;vertical-align:top;font-size:.8rem;line-height:1.6;}
#nav.oneFull .depth02{position:absolute;left:0;top:2.5rem;opacity:0;visibility:hidden;transition-delay:.0s;text-align:left;}
#nav.oneFull .depth02:before{content:"";position:absolute;left:0;top:0;width:100%;height:0;background:#fff;z-index:0;opacity:0;transition-delay:.2s;-webkit-transition-delay:.2s;}
#nav.oneFull .depth02 > ul{width:100%;max-width:80rem;margin:auto;font-size:0;line-height:0;}
#nav.oneFull .depth02 > ul > li{width:20%;display:inline-block;vertical-align:top;padding:.75rem .5rem;font-size:.8rem;line-height:1.6;}
#nav.oneFull .depth02 > ul > li > a{text-align:center;border:1px solid #5a63b0;}
#nav.oneFull .depth02 > ul > li > a:before{display:none;}
#nav.oneFull .depth02 > ul > li > a:hover,
#nav.oneFull .depth02 > ul > li > a:focus{color:#fff;background:#5a63b0;}
#nav.oneFull .depth03{margin:0 0 .25rem;opacity:0;transition:all .15s;-webkit-transition:all .15s;}
#nav.oneFull .depth03 > ul{margin-top:.5rem}

#nav.oneFull #gnb.active{height:auto;background:#fff;transition-delay:0s;-webkit-transition-delay:0s;}
#nav.oneFull .active .depth01 > ul > li > a{color:#000;}
#nav.oneFull .active .depth03{opacity:1;transition:all .3s;-webkit-transition:all .3s;transition-delay:.15s;-webkit-transition-delay:.15s;display:block;}
#nav.oneFull .depth01 > ul > li.on > .depth02{opacity:1;visibility:visible;}
#nav.oneFull .depth01 > ul > li.on > .depth02:before{height:100%;opacity:1;transition-delay:0s;-webkit-transition-delay:0s;}

/* 사이트맵 */
.fullmenu{position:absolute;z-index:998;bottom:0;left:50%;width:3rem;height:3rem;background:#49c2af;-webkit-transform:translateX(-50%) translateX(+700px) translateX(-1.5rem);transform:translateX(-50%) translateX(+700px) translateX(-1.5rem);}
.fullmenu:before{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:1.2rem;height:1.15rem;background:url(/images/T1001/main/btn_menu_t.png)no-repeat center/cover;content:"";}
.fullmenuClose{position:absolute;top:1.5rem;right:1rem;font-size:1.5rem;}
.fullmenuClose> i{position:relative;-moz-transition:transform .3s;-webkit-transition:transform .3s;-ms-transition:transform .3s;transition:transform .3s;}
.fullmenuClose:focus > i,
.fullmenuClose:hover > i{-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}

.popFullmenu{display:none;position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0, 12, 30, 0.95);z-index:999;}
.popFullmenu .fullmenu_wrap{position:relative;width:96%;height:90%;color:#fff;max-width:1400px;margin:2.5% auto 0;overflow:hidden;}
.popFullmenu a > span{position:relative;display:inline-block;z-index:1;}
.popFullmenu a[target="_blank"] > span:after{content:"\e980";display:inline-block;margin-left:0.25rem;vertical-align:middle;font-family:"xeicon";font-weight:400;}
.popFullmenu a > span:before{content:"";position:absolute;left:0;bottom:0;width:0px;height:1px;background:rgba(255,255,255,0.5);-moz-transition:width .3s;-webkit-transition:width .3s;-ms-transition:width .3s;transition:width .3s;}
.popFullmenu h2{margin-bottom:2rem;padding:30px 0;border-width:1px 0;border-style:solid;border-color:rgba(255,255,255,0.7);font-size:2rem;line-height:1;}
.popFullmenu .fullmenu_group{height:calc(100% - 150px);}
.popFullmenu .fullmenu_group .mCSB_inside > .mCSB_container{margin-right:15px;}
.popFullmenu .fullmenu_group .mCSB_scrollTools .mCSB_draggerContainer{left:10px;}
.popFullmenu .fullmenu_group .depth01 > ul{margin:-2rem -1rem 0;overflow:hidden;}
.popFullmenu .fullmenu_group .depth01 > ul > li{display:inline-block;width:calc(25% - 4px);margin-top:2rem;padding:0 1rem;vertical-align:top;font-size:0.8rem;line-height:1.3;}
.popFullmenu .fullmenu_group .depth01 > ul > li > a{position:relative;display:block;font-size:1.2rem;padding:0.65rem 1rem;color:#111;font-weight:600;background:rgba(255,255,255,0.9);overflow:hidden;}
.popFullmenu .fullmenu_group .depth01 > ul > li > a:before{position:absolute;top:100%;left:0;width:100%;height:100%;background:#1e4096;content:"";-moz-transition:top .3s;-webkit-transition:top .3s;-ms-transition:top .3s;transition:top .3s;}
.popFullmenu .fullmenu_group .depth01 > ul > li > a > span:before{display:none;}
.popFullmenu .depth02{padding:1rem;background:rgba(255,255,255,0.2);}
.popFullmenu .depth02 > ul > li > a{display:block;position:relative;padding:5px 0 5px 10px;}
.popFullmenu .depth02 > ul > li > a:before{content:"";position:absolute;left:0;top:14px;width:2px;height:2px;border-radius:50%;background:#fff;}
.popFullmenu .depth02 .depth03 .group{background:rgba(255,255,255,0.2);margin:10px;padding:10px;overflow:hidden;}
.popFullmenu .depth02 .depth03 .group > li > a{display:block;position:relative;padding:3px 0 5px 12px;font-size:0.7rem;}
.popFullmenu .depth02 .depth03 .group > li > a:before{content:"";position:absolute;left:0;top:11px;width:5px;height:1px;border-radius:50%;background:#fff;}
.popFullmenu .popUntil{position:absolute;top:3.15rem;left:9rem;margin:-.5rem;display:none;}
.popFullmenu .popUntil > li{position:relative;float:left;padding:0 .5rem;font-size:.65rem;}
.popFullmenu .popUntil > li > a{position:relative;line-height:1;}
.popFullmenu .popUntil > li + li > a:before{position:absolute;top:50%;left:-.5rem;-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:3px;height:3px;background:#fff;content:"";}
/* 사이트맵 :action */
html.fullmenuOpen{overflow:hidden;}
.popFullmenu .fullmenu_group .depth01 > li > a:hover,
.popFullmenu .fullmenu_group .depth01 > li > a:focus{color:#fff;}
.popFullmenu .fullmenu_group .depth01 > li > a:hover:before,
.popFullmenu .fullmenu_group .depth01 > li > a:focus:before{top:0;}
.popFullmenu a:hover > span:before,
.popFullmenu a:focus > span:before{width:100%;}

/* 사이트링크 */
#footer .footBtnWrap{position:relative;margin-bottom:2rem;border-width:0 1px 1px;border-style:solid;border-color:#d2d2d2;}
#footer .footBtnWrap:after{display:block;clear:both;content:"";}
#footer .footBtn{position:relative;display:table-cell;width:1%;}
#footer .footBtn + .footBtn button{border-left:1px solid #d2d2d2;}
#footer .footBtn button{overflow:hidden;position:relative;display:block;width:100%;height:55px;padding:0 3.5rem 0 1.5rem;color:#222;font-size:.8rem;text-align:left;}
#footer .footBtn button span{position:absolute;max-height:2.25rem;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:100%;max-height:2.25rem;padding:0 3.5rem 0 1.5rem;}
#footer .footBtn button:before{position:absolute;top:50%;right:1.5rem;color:#666;font-size:1.2rem;-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);font-family:"xeicon";content:"\e942";}
#footer .footBtn.on button:before{-moz-transform:translateY(-50%) rotate(180deg);-webkit-transform:translateY(-50%) rotate(180deg);-ms-transform:translateY(-50%) rotate(180deg);transform:translateY(-50%) rotate(180deg);}
#footer .footBtn div{display:none;overflow-y:auto;position:absolute;z-index:10000;bottom:55px;left:0;width:calc(100% + 1px);max-height:223px;border:1px solid #728197;border-bottom:0;}
#footer .footBtn ul li{border-top:1px solid #5d6a77;font-weight:400;font-size:0.7rem;}
#footer .footBtn ul li strong{display:block;padding:0.35rem 0.5rem;background:#343b42;color:#fff799;opacity:1;}
#footer .footBtn ul li:first-child{border:0;}
#footer .footBtn ul li ul{border-top:1px solid #5d6a77;}
#footer .footBtn ul li a{display:block;overflow:hidden;padding:0.35rem 0.5rem;background:#343b42;color:#d4dde7;opacity:0.9;}
/* 사이트링크  :action */
#footer .footBtn ul li a:hover,
#footer .footBtn ul li a:focus,
#footer .footBtn ul li a:active{opacity:1;color:#fff;}
#footer .footBtn button,
#footer .footBtn button:before{-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;}

/* footer */
#footer{position:relative;padding:0 0 2rem;color:#555;font-weight:200;font-size:0.7rem;border-top:1px solid #c4cad6;background:#eee;}
#footer .f_info{position:relative;padding:0 10rem 0 15.5rem;}
#footer .f_info .f_logo{position:absolute;top:0;left:0;max-width:13rem;}
#footer .footer_link{margin-bottom:1rem;}
#footer .footer_link ul{overflow:hidden;margin:0 -1rem;}
#footer .footer_link li{position:relative;float:left;padding:0 1rem;}
#footer .footer_link li + li:before{position:absolute;top:50%;left:0;width:5px;height:5px;-webkit-transform:translateY(-50%);transform:translateY(-50%);background:#c1c1c9;content:"";}
#footer .footer_link li a{display:block;font-size:.75rem;letter-spacing:-0.025em;color:#555;}
#footer .footer_link li:first-child a{padding-left:0;background:none;}
#footer .footer_link li a:hover,
#footer .footer_link li a:focus{text-decoration:underline;}
#footer .footer_link li a strong{color:#1e4096;font-weight:400;}
#footer address{line-height:2;}
#footer address span{display:block;}
#footer .copyright{margin-top:1rem;color: #777;} /* 240611 */
#footer .wa_mark { position:absolute; top:-1rem; right:0; max-width:5.25rem; }
#footer .wa_mark img { display:block; }

/* 탑버튼 */
.btn_top{position:fixed;width:55px;height:55px;background:#00abad;right:1%;bottom:20px;z-index:998;box-shadow:0 5px 5px rgba(0,0,0,.3);border-radius:50%;-webkit-transition:all 600ms ease;transition:all 600ms ease;}
.btn_top:before{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);font-family:"xeicon";color:#fff;font-size:1.2rem;content:'\e944';-webkit-transition:top .3s;transition:top .3s;}
.btn_top:hover:before,
.btn_top:focus:before{top:calc(50% - 3px);}

/* 방문자수 */
.visitant{position:absolute;top:3.5rem;right:0;width:23%;height:2rem;background:#90b2d0;border-radius:40px;}
.visitant h2{text-indent:-10000em;font-size:0;}
.visitant ul{overflow:hidden;}
.visitant ul li{width:49%;float:left;line-height:2rem;text-align:center;color:#fff;font-size:0.65rem;}
.visitant ul li + li{background:url('/00_common/images/common/bar_visitant.png') no-repeat left center;}
.visitant ul li strong{margin-right:0.5rem;color:#333;}

/* 구글번역 */
.gbSchlTrans{position:relative; top:auto; right:auto; margin-top:1rem;}

/* 서브레이아웃 */
#sub_container{position:relative;background:#fff;}
#sub_container:after{content:"";display:block;clear:both;}

.S_visual{position:relative;width:100%;background:#f5fdff;}
.S_visual p{width:100%;margin:auto;text-align:center;line-height:0;overflow:hidden;}
.S_visual p img{width:100%;}

.sub_content{position:relative;width:1400px;margin:0 auto 5rem;-webkit-transform:translateY(-4rem);transform:translateY(-4rem);}
.sub_content:before{position:absolute;top:-1.75rem;left:50%;width:calc(100% + 6rem);height:5.75rem;box-shadow:3px 0 7px rgba(41,67,117,.1);-webkit-transform:translateX(-50%);transform:translateX(-50%);background:#fff;content:"";}
.sub_content:after{position:absolute;z-index:1;top:4rem;left:50%;width:100vw;height:100%;-webkit-transform:translateX(-50%);transform:translateX(-50%);background:#fff;content:"";}
.sub_content > div{position:relative;z-index:2;}

/* 서브메뉴 */
#snb{position:relative;float:left;margin-right:3.35rem;width:13.5rem;}
#snb h2{display:table;table-layout:fixed;width:100%;height:4rem;border-bottom:2px solid #e6e7eb;color:#2c61a2;font-weight:500;font-size:1.2rem;line-height:1.3;}
#snb h2 span{display:table-cell;vertical-align:middle;width:100%;padding:0 .75rem;}
#snb .lnb a > span{position:relative;}
#snb .lnb a[target="_blank"] > span:after{content:"\e980";display:inline-block;margin-left:0.25rem;vertical-align:middle;font-family:"xeicon";font-weight:400;}
#snb .lnb > li{position:relative;font-size:1.2rem;font-weight:600;}
#snb .lnb > li > a{position:relative;display:table;table-layout:fixed;width:100%;height:3.25rem;background:#fff;border-width:0 0 1px;border-style:solid;border-color:#e6e7eb;font-size:.9rem;color:#555;font-weight:500;-webkit-transition:backgroud .3s;transition:backgroud .3s;}
#snb .lnb > li > a > span{display:table-cell;vertical-align:middle;width:100%;padding:0 1rem;}
#snb .lnb > li.dep01 > a > span:before{position:absolute;top:1.15rem;right:1rem;font-family:"xeicon";font-size:.9rem;font-weight:400;line-height:1;color:#555;content:"\e91a";-moz-transition:transform .3s, backgroud .3s;-webkit-transition:transform .3s;-ms-transition:transform .3s;transition:transform .3s;}
#snb .subLnb{display:none;padding:.75rem 1.35rem .75rem;background:#f2f2f2;}
#snb .subLnb > li > a{position:relative;display:block;padding:.65rem 0;font-size:.75rem;font-weight:400;color:#777;}
#snb .subLnb > li > a:before{position:absolute;top:0;left:-1rem;width:calc(100% + .5rem);height:100%;background:#fff;box-shadow:3px 0 7px rgba(32,111,208,.1);opacity:0;content:"";-webkit-transition:opacity .3s, left .3s;transition:opacity .3s, left .3s;}
#snb .subLnb > li > a span{position:relative;padding-left:.5rem;}
#snb .subLnb > li > a > span:before{position:absolute;top:.5rem;left:0;width:.2rem;height:.2rem;border-radius:50%;background:#b6b6b6;content:"";}
/* active */
#snb .lnb > li.open > a,
#snb .lnb > li.on > a{border-color:transparent;color:#fff;background:#2c61a2;}
#snb .lnb > li.open > a > span:before{content:"\e913";color:#fff;}
#snb .lnb > li.on > a > span:before{background:#22499d;}
#snb .lnb > li:not(.open) > a:hover,
#snb .lnb > li:not(.open) > a:focus{color:#2c61a2;}
#snb .subLnb > li.open > a span,
#snb .subLnb > li > a:hover span,
#snb .subLnb > li > a:focus span{color:#2c61a2;}
#snb .subLnb > li.open > a:before{opacity:1;left:-.5rem;}
#snb .subLnb > li > a:hover > span:before,
#snb .subLnb > li > a:focus > span:before,
#snb .subLnb > li.open > a > span:before{background:#2c61a2;}

/* 서브페이지 */
#subContent{position:relative;width:calc(100% - 16.85rem);margin:0 0 .5rem 0;float:left;}
.subContent_body{position:relative;min-height:600px;}

/* sub title */
.title_area{position:relative;margin-bottom:2rem;padding:1.1rem 0;border-bottom:2px solid #284568;}
.title_area:after{display:block;clear:both;content:"";}
.title_area #pageTitle{float:left;max-width:calc(100% - 12.5rem);font-size:1.2rem;font-weight:500;color:#555;}
.title_area .title_tside{position:absolute;bottom:1rem;right:0;}
.title_area .title_tside:after{display:block;clear:both;content:"";}
.title_area .title_tside .location{display:inline-block;vertical-align:middle;font-size:.75rem;line-height:1;color:#666;}
.title_area .title_tside .location span,
.title_area .title_tside .location strong{position:relative;display:inline-block;padding-left:1.1rem;font-weight:300;font-size:.65rem;}
.title_area .title_tside .location span:before,
.title_area .title_tside .location strong:before{position:absolute;top:50%;left:.2rem;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:.7rem;font-family:'xeicon';content:'\e93f';}
.title_area .title_tside .location strong{color:#000;font-weight:500;}

/* etc :sns */ 
.snsBox{position:relative;display:inline-block;vertical-align:middle;padding-left:1.5rem;z-index:10;} 
.snsBox:after{position:absolute;top:50%;left:.75rem;width:1px;height:15px;background:#e0e0e0;-webkit-transform:translateY(-50%);transform:translateY(-50%);content:"";}
.snsBox > button{padding:0 .375rem;color:#a6a6a6;font-size:.9rem;} 
.sns_more{display:none;position:absolute;width:44px;left:50%;top:1.75rem;-webkit-transform:translateX(-50%);transform:translateX(-50%);}
.sns_more:before{position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid #e5e7e8;background:#fff;box-shadow:3px 0 7px rgba(40,69,104,.1);content:"";}
.sns_more:after{position:absolute;top:-9px;left:50%;width:15px;height:9px;background:url("/images/T1001/sub/sns_box_bg_arr.png") no-repeat center/100%;-webkit-transform:translateX(-50%);transform:translateX(-50%);content:"";}
.sns_more button{position:relative;z-index:1;display:block;width:17px;height:17px;margin:.5rem auto;padding:0;overflow:hidden;background:url("/images/T1001/sub/btnSns.png") no-repeat 0 0/102px 17px;cursor:pointer}
.sns_more .btnFbook{background-position:0 0;}
.sns_more .btnInstar{background-position:-17px 0;}
.sns_more .btnTwt{background-position:-34px 0;}
.sns_more .btnBlog{background-position:-52px 0;}
.sns_more .btnkks{background-position:-69px 0;}
.sns_more .btnShare{background-position:-86px 0;} 
.snsBox > button:hover,
.snsBox > button:focus,
.snsBox > button.active{color:#2c61a2;}




/* media query mobile */
@media screen and (max-width:1650px){
	#wrap .popBtn{display:none;}
}
@media screen and (max-width:1440px){
	.container{width:96%;}
	
	/* 웹네비게이션 */
	/* gnb common */
	#gnb .depth01{max-width:100%;}
	
	/* 사이트맵 */
	.fullmenu{right:0;left:auto;-webkit-transform:translate(0);transform:translate(0);}
	
	/* 서브페이지 */
	.sub_content{width:96%;-webkit-transform:translateY(0);transform:translateY(0);}
}
@media screen and (max-width:1200px){

	/* 상단(로고 및 메뉴) */
	#header{height:3.5rem;}
	#header h1{left:50%;-webkit-transform:translate(-50%, -50%) translate(-.5px, -.5px);transform:translate(-50%, -50%) translate(-.5px, -.5px);}
	
	.top{position:static;height:100%;}
	.top:before{display:none;}
	.top_menu{display:none;}
	
	/* 검색 */
	.mSearch{z-index:99;display:none;top:3.5rem;width:100%;height:3.5rem;-webkit-transform:translateX(-50%);transform:translateX(-50%);}
	.mSearch form{height:100%;}
	.mSearch input{height:100%;padding:0 4.5rem 0 2%;}
	.mSearch .srch_btn{width:3.5rem;height:3.5rem;font-size:1.2rem;}
	.btnSearchClose,
	.searchOpen{display:block;}
	
	/* 웹네비게이션 */
	/* gnb common */
	#nav{display:none;}

	/*사이트맵*/
	.fullmenu{top:0;bottom:auto;width:3.5rem;height:3.5rem;}
	.popFullmenu .fullmenu_group .depth01 > ul > li{width:calc(33.333% - 4px);}
	.popFullmenu .popUntil{display:block;}
	.popFullmenu .popUntil > li.fs_ctrl{display:none;}
	
	/* 서브페이지 */
	#subContent{width:100%;float:none;padding-top:2.5rem;}
	.sub_content:before,
	.sub_content:after{display:none;}
	
	/* 서브메뉴 */
	#snb{position:absolute;left:-2%;top:0;width:104%;height:auto;margin:0;z-index:11;background:#fff;}
	#snb h2{position:relative;width:100%;height:50px;padding:0 2rem 0 2%;font-size:17px;background:#112246;color:#fff;cursor:pointer;}
	#snb h2::after{position:absolute;right:2%;top:50%;-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);font-family:"xeicon";content:"\e942";font-size:1rem;-moz-transition:transform 600ms cubic-bezier(0.77, 0, 0.175, 1);-webkit-transition:transform 600ms cubic-bezier(0.77, 0, 0.175, 1);-ms-transition:transform 600ms cubic-bezier(0.77, 0, 0.175, 1);transition:transform 600ms cubic-bezier(0.77, 0, 0.175, 1);}
	#snb h2.on::after{transform: translateY(-50%) rotate(180deg);-moz-transform: translateY(-50%) rotate(180deg);-webkit-transform: translateY(-50%) rotate(180deg);-ms-transform: translateY(-50%) rotate(180deg);}
	#snb h2::before{display:none;}
	#snb h2 span{overflow:hidden;text-align:left;}
  	#snb nav{display:none; position:relative; max-height:500px; overflow:hidden; overflow-y:scroll; padding-bottom:1rem; box-shadow:0 0 15px rgb(0 0 0 / 40%); }
	#snb .lnb > li{margin:0;}
	#snb .lnb > li > a{height:2.5rem;}
	#snb .lnb > li > a > span{padding:0 2%;}
	#menu .lnb > li.dep01 > a > span:before{top:1.1rem;}
	#snb .lnb > li > a:before,
	#snb .lnb > li > a:after{display:none;}
	#snb .lnb > li.on > a,
	#snb .lnb > li.open > a{border-color:#22499d;}
	#snb .subLnb > li:not(.open) > a:hover span,
	#snb .subLnb > li:not(.open) > a:focus span{font-weight:600;box-shadow:none;}	
	
		

}

@media screen and (max-width:1024px){
	/* layout */ 
	#header{position:fixed;top:0;width:100%;z-index:990;}
	.openPop #header{top:140px;}
	
	/* 사이트맵 */
	.popFullmenu .mCSB_inside > .mCSB_container{margin-right:20px;}
	.popFullmenu .fullmenu_wrap{max-width:100%;height:calc(100% -  2.5rem);margin:1.25rem auto;}
	.popFullmenu h2{font-size:1rem;margin-bottom:1rem;padding:1rem 0;}
	.popFullmenu .fullmenu_group .depth01 > ul{margin-top:0;}
	.popFullmenu .fullmenu_group .depth01 > ul > li{display:block;width:100%;margin:0;}
	.popFullmenu .fullmenu_group .depth01 > ul > li + li{margin-top:.5rem;}
	.popFullmenu .fullmenu_group .depth01 > ul > li > a{background:rgba(255,255,255,0.1);color:#fff;font-size:.9rem;}
	.popFullmenu .fullmenu_group .depth01 > ul > li.dep > a{position:relative;padding-right:1.5rem;}
	.popFullmenu .fullmenu_group .depth01 > ul > li.dep > a:after{content:'\e942';position:absolute;top:0.7rem;right:0.5rem;font-family:"xeicon";color:#fff;}
	.popFullmenu .fullmenu_group .depth01 > ul > li.dep.active > a:after{-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
	.popFullmenu .fullmenu_group .depth01 > ul > li.dep.active > a{background:transparent;}
	.popFullmenu .fullmenu_group .depth01 > ul > li.dep.active > a:before{top:0;}
	.popFullmenu .depth02 .group > li.dep{position:relative;}
	.popFullmenu .depth02 .group > li.dep:after{content:'\e914';position:absolute;right:0;top:0.2rem;font-family:"xeicon";color:#fff;font-size:1rem;}
	.popFullmenu .depth02 .group > li.dep.active:after{content:'\e91b';}
	.popFullmenu .depth02 .group > li.dep > a{padding-right:1rem;}
	.popFullmenu .depth02{display:none;padding:.5rem 1rem;}
	.popFullmenu .depth03{display:none;}
	.popFullmenu .depth02 .depth02_wrap{display:block !important;}
	.popFullmenu .popUntil{top:1.75rem;left:4.5rem;}
	.fullmenuClose{top:0.5rem;right:0;}
	
	/* 검색 */
	.openPop #menuOpen, .openPop #searchOpen{top:0 !important;}
	
	/* 사이트링크 */
	#footer .footBtnWrap{margin-bottom:1rem;}
	/* footer */
	#footer .f_info{padding:0 0 3rem;text-align:center;}
	#footer .f_info .f_logo{position:relative;top:auto;width:11rem;max-width:100%;height:auto;}
	#footer .footer_link ul{margin:1rem 0 0;}
	#footer .footer_link li{width:100%;}
	#footer .footer_link li{width:33.33%;line-height:30px;border:1px solid #ddd;}
	#footer .footer_link li a{text-align:center;}
	#footer .footer_link li + li:before{display:none;}
	#footer .footer_link li:nth-child(4), #footer .footer_link li:nth-child(5){border-top:0}
	#footer .footer_link li:nth-child(2), #footer .footer_link li:nth-child(3), #footer .footer_link li:nth-child(5){border-left:0}
	#footer .wa_mark{position:relative; display:inline-block; top:auto; right:auto; vertical-align:middle; }
	.gbSchlTrans{display:inline-block; vertical-align:middle; margin-right:1rem; }
	
	/*맨위로가기*/
	.btn_top{bottom:2.5%;right:2.5%;}

	/* 서브페이지 */
	#sub_container{margin-top:3.5rem;}
	
	/* sub title */
    .title_area{text-align:center;}
	.title_area .title_tside{position:relative;bottom:auto;right:auto;float:none;margin-top:.5rem;}
    .title_area #pageTitle{max-width:100%;padding:0 2rem;font-size:1.2rem;float:none;}
    
    /* sub title */
    .title_area .title_tside{position:static;}

	/* etc :sns */ 
    .snsBox{position:absolute;top:1.5rem;right:0;padding-left:0;}
    .snsBox:after{display:none;}
    .snsBox > button.btnPrint{display:none;}
	
	/* 전체 가로 스크롤 테이블  */
	#all-scroll{display:block;position:relative;overflow:hidden;overflow-x:auto;margin:0}
	#all-scroll .page{white-space:nowrap;border-bottom:0;border-right:0}
}

@media (max-width:800px){
	/* 사이트링크 */
	#footer .footBtn{display:block;float:left;width:50%;}
	#footer .footBtn:nth-of-type(3),
	#footer .footBtn:nth-of-type(4){border-top:1px solid #d2d2d2;}
	#footer .footBtn:nth-of-type(3) button{border-left:0;}

}
@media (max-width:768px){
	.popFullmenu .fullmenu_wrap{overflow-y:scroll;}
}
@media (max-width:690px){
	/*사이트맵*/
	.popFullmenu a > span:before{display:none;}
}
@media (max-width:560px){
	/* footer */
	#footer .footer_link li{width:50%}
	#footer .footer_link li:nth-child(3), #footer .footer_link li:nth-child(5){border-left:1px solid #ddd !important;}
	#footer .footer_link li:nth-child(3){border-top:0}
	#footer .footer_link li:nth-child(4){border-left:0 !important}
}

@media screen and (max-width:480px){
	/* layout */ 
	/* 상단(로고 및 메뉴) */
	.openPop #header{top:110px;}
	#header{height:3rem;}
	#header h1{max-width:calc(100% - 7rem);}
	#header h1 a{width:9.5rem;max-width:100%;}
	
	/* 사이트맵 */
	.fullmenu{width:3rem;height:3rem;}
	
	/* 검색 */
	.mSearch{top:3rem;height:3rem;}
	.mSearch input{padding:0 3.5rem 0 2%;}
	.searchOpen{width:3rem;height:3rem;line-height:3rem;}
	.mSearch .srch_btn{width:3rem;height:3rem;}
	.btnSearchClose{top:-3rem;width:3rem;height:3rem;line-height:3rem;}
	
	/* 탑버튼 */
	.btn_top{width:45px;height:45px;}
	
	/* 사이트링크 */
	#footer .footBtn:nth-of-type(2){border-top:1px solid #d2d2d2;}
	#footer .footBtn{width:100%;}
	#footer .footBtn button{height:35px;}
	#footer .footBtn button span{position:relative;display:block;width:100%;max-height:100%;padding:0;top:auto;left:auto;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;-webkit-transform:translate(0,0);transform:translate(0,0);}
	#footer .footBtn + .footBtn button{border-left:0;}
	#footer .footBtn div{bottom:35px;}
	
	/* footer */
	#footer .footer_link li{width:100%}
	#footer .footer_link li:nth-child(2), #footer .footer_link li:nth-child(4), #footer .footer_link li:nth-child(5){border-left:1px solid #ddd !important;}
	#footer .footer_link li:nth-child(2){border-top:0 !important}
	
	/* 서브페이지 */
	#sub_container{margin-top:3rem;}
	
	/* sub title */
    .title_area{margin-bottom:1.5rem;}
    .title_area #pageTitle{font-size:1rem;}
    
    /* etc :sns */
    .snsBox{top:1.25rem;}
}

@media (max-width:380px){}