@charset "UTF-8";
@import url("common.css");
/*-------------------------------------------------
title       : 레이아웃
Author      : 최연아
Create date : 2023-10
-------------------------------------------------*/

:root {--main-color:#00462a;--main-bg:#EEF1FE;}
/* html.fluid .main_wrap, html.fluid #header, html.fluid #subHeader, html.fluid #footer .footer_wrap { width: 180rem; } */
html.fluid .main_wrap { width: 180rem; }
html.fluid .Mypage_wrap .main_wrap { width:150rem; }
html.fluid.large .Mypage_wrap .main_wrap { width:180rem; }

.main_wrap { width: 140rem; max-width: calc(100% - 4rem); margin-left: auto !important; margin-right: auto !important; position: relative; }
.main_wrap_lg {width: 100%; max-width: calc(100% - 10rem); margin-left: auto !important; margin-right: auto !important; position: relative; }
.main_wrap_md {width: 160rem; max-width: calc(100% - 4rem); margin-left: auto !important; margin-right: auto !important; position: relative; }


/*top버튼*/
#fixedWrap{position:fixed;top:65%;z-index:5;right: 1%;}
#fixedWrap > *{width:8rem;height:8rem;border-radius: 50%;font-size:1.4rem;font-weight:600;text-align: center;display:block;padding-top:4.3rem;position: relative;}
.share_button{margin-top: 1rem;padding-top:3.3rem !important;background:#333333;text-align: center;color:#fff;font-size:1.3rem;line-height:1.2;}
.share_button:before{background:url(../../image/service/layout/error.png) no-repeat center/cover;width:1.6rem;height:1.4rem;content:'';display: block;top:1.5rem;left:50%;position:absolute;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.share_button:after{background: rgba(0,0,0,0.1);width: 8.25rem;height: 8.25rem;content: '';position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);border-radius: 50%;display: none;}
.share_button:hover:after{display:block;-webkit-animation: circle2 .8s linear infinite;display: block;animation: circle2 .8s linear infinite;}
.go_top{border:1px solid #AAAAAA;color:#333;opacity: 0;visibility: hidden;-webkit-transition: all 0.3s;transition: all 0.3s;box-shadow: 0px 2px 8px rgba(51, 51, 51, 0.4);margin-top:1rem;background:#fff;}
.go_top:before{content:'\F2FD';top:1.5rem;left:50%;position:absolute;-webkit-transform:translateX(-50%) rotate(90deg);transform:translateX(-50%) rotate(90deg);font-family: 'remixicon';margin-left:-1.5px;font-weight:500;font-size:2.4rem;}
.go_top.active{opacity:1;visibility: visible;}
/* .go_top > i{display:block;line-height:1;font-size:1.9rem;} */
.go_top > i{display:none;}
.go_top:hover:before, .go_top:focus:before{animation:updown 1s infinite linear;}
.helpdesk_button{background:#3587E6;text-align: center;color:#fff;font-size:1.3rem;}
.helpdesk_button::before{background:url(../../image/service/layout/help.png) no-repeat center/cover;width:2.2rem;height:2.2rem;content:'';display: block;top:1.5rem;left:50%;position:absolute;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.helpdesk_button:after{background: rgba(53, 135, 230, 0.1);width: 8.25rem;height: 8.25rem;content: '';position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);border-radius: 50%;display: none;}
.helpdesk_button:hover:after{display:block;-webkit-animation: circle2 .8s linear infinite;display: block;animation: circle2 .8s linear infinite;}
.helpdesk-container .center_tit { font-size:2.2rem; text-align: center; }
.helpdesk-container .txt { display:block; margin-top:2rem; font-size:1.5rem; font-weight:400; }
@-webkit-keyframes circle2{
	0%{-webkit-transform:translate(-50%, -50%) scale(1);transform:translate(-50%, -50%) scale(1); }
			25%{-webkit-transform:translate(-50%, -50%) scale(1.1);transform:translate(-50%, -50%) scale(1.1); }
			50%{-webkit-transform:translate(-50%, -50%) scale(1.2);transform:translate(-50%, -50%) scale(1.2); }
			75%{-webkit-transform:translate(-50%, -50%) scale(1.3);transform:translate(-50%, -50%) scale(1.3); }
	100%{-webkit-transform:translate(-50%, -50%) scale(1.4);transform:translate(-50%, -50%) scale(1.4); }
}
@keyframes circle2{
	0%{-webkit-transform:translate(-50%, -50%) scale(1);transform:translate(-50%, -50%) scale(1); }
			25%{-webkit-transform:translate(-50%, -50%) scale(1.1);transform:translate(-50%, -50%) scale(1.1); }
			50%{-webkit-transform:translate(-50%, -50%) scale(1.2);transform:translate(-50%, -50%) scale(1.2); }
			75%{-webkit-transform:translate(-50%, -50%) scale(1.3);transform:translate(-50%, -50%) scale(1.3); }
	100%{-webkit-transform:translate(-50%, -50%) scale(1.4);transform:translate(-50%, -50%) scale(1.4); }
}

@keyframes updown {
	50%{margin-top:-.5rem}
	100%{margin-top:0}
  }


/*header*/
#header{width:140rem;margin-left: auto !important;margin-right: auto !important;max-width:calc(100% - 4rem);position:relative;}
#header .header_wrap{display:flex;align-items: center;justify-content: space-between;height:7rem;}
#header #logo{height:100%;padding-top:.4rem;line-height: 6rem;}
#header #logo a{font-size: 3.5rem; font-family: "Roboto Slab", serif;color: #00623a;}

#header .etc{height:6rem;position:absolute;top:0;right:0;display:flex;width:100%;justify-content:flex-end;align-items: center;}
#header .etc:after{content:'';display:table;clear:both;}

#header .etc .log>*{display:inline-block;vertical-align: middle;font-size:1.4rem;color:#767676;}
#header .etc .log>*+*:before{ display: inline-block;position: relative;top: -1px;width: 1px;height: .8rem;margin:0 0.6rem 0 0.55rem;background-color: #ddd;content: '';vertical-align: middle;}
#header .etc .log>*:hover, #header .etc .log>*:focus{text-decoration:underline;}
#header .etc > *{display:inline-block;vertical-align:middle;}
#header .etc > * + *{padding-left:1.5rem;}
#header .etc .side > *{position:relative;color:#333333;display:inline-block;vertical-align: middle;}
#header .etc .side > .lang{font-weight:500;padding-left:2.6rem;font-size:1.6rem;margin-right: 0.9rem;font-size: 0;margin-top: -2px;}
#header .etc .side > .lang:hover:before{content:'\edce';-webkit-transition:all .2s;transition:all .2s;}
#header .etc .side > .lang:before{content:'\edcf';font-family:'remixicon';position:absolute;top: 50%;left:3px;font-size: 2.1rem;font-weight:500;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
#header .etc .side > .bell {font-size: 2.1rem;font-weight:500;}
#header .etc .side > .bell > a:hover > i:before,
#header .etc .side > .bell.active > a > i:before{content:'\ef93';-webkit-transition:all .2s;transition:all .2s;}
#header .etc .side > .bell .num{position:absolute;top:5px;right:-5px;background:#E20357;color:#fff;font-size:.9rem;padding:1.6px 3.5px;line-height:1;border-radius:3px;font-weight:300;letter-spacing:0;}
#header .etc .side > .bell .bell_box{position: absolute;right:-1.5rem;z-index:20;margin-top:.9rem;min-width:30rem;background:#fff;border:1px solid #AAAAAA;border-radius:6px;display:none;}
#header .etc .side > .bell.active .bell_box{display:block;}
#header .etc .side > .bell .bell_box .tt{padding:.6rem 2rem;border-bottom:1px solid #EEEEEE;}
#header .etc .side > .bell .bell_box .tt strong{font-size:1.4rem;font-weight:600;letter-spacing: -0.14px;}
#header .etc .side > .bell .bell_box .tt > a{font-size:1.2rem;color:#555;float: right;padding-top: .5rem;}
#header .etc .side > .bell .bell_box .tt > a:hover{font-weight:bold;}
#header .etc .side > .bell .bell_box .tt > a > i{color:#C8C8C8;vertical-align:middle;}
#header .etc .side > .bell .bell_box .tt > a:hover > i{color:#000;}
#header .etc .side > .bell .bell_box:before{width:1rem;height:1rem;border-top:1px solid #aaa;border-left:1px solid #aaa;transform:rotate(45deg);content:'';position:absolute;right: 2rem;top:-.6rem;background:#fff;}
#header .etc .side > .bell .bell_box .lst{padding:1.6rem 2rem;}
#header .etc .side > .bell .bell_box .lst > li{padding-left:1.7rem;font-size:1.6rem;position:relative;}
#header .etc .side > .bell .bell_box .lst > li:before{content:'';width:.5rem;height:.5rem;border-radius:50%;position:absolute;top:1.2rem;left:0;background:#188CFB;}
#header .etc .side > .bell .bell_box .lst > li + li{margin-top:.5rem;}
#header .etc .side > .bell .bell_box .lst > li > a:hover em,
#header .etc .side > .bell .bell_box .lst > li > a:focus em{font-weight:bold;}
#header .etc .side > .bell .bell_box .lst > li > a:hover p,
#header .etc .side > .bell .bell_box .lst > li > a:focus p{text-decoration:underline;}
#header .etc .side > .bell .bell_box .lst > li.st2:before{background:#155CD6;}
#header .etc .side > .bell .bell_box .lst > li.st3:before{background:#04BB8F;}
#header .etc .side > .bell .bell_box .lst > li.st4:before{background:#188CFB;}
#header .etc .side > .bell .bell_box .lst > li:after{height:calc(100% + .5rem);width:1px;background:#D8D9DF;position:absolute;top:1.2rem;left:0.25rem;content:'';z-index:-1;}
#header .etc .side > .bell .bell_box .lst > li:last-child:after{display:none;}
#header .etc .side > .bell .bell_box .lst li em[class*="type"]{font-size:1.2rem;font-weight:500;letter-spacing: -0.12px;color:#188CFB;}
#header .etc .side > .bell .bell_box .lst li em.type2{color:#155CD6;}
#header .etc .side > .bell .bell_box .lst li em.type3{color:#04BB8F;}
#header .etc .side > .bell .bell_box .lst li em.type4{color:#188CFB;}
#header .etc .side > .bell .bell_box .lst .txtp{font-size:1.4rem;color:#555;letter-spacing: -0.14px;}
#header .etc .side > .bell .bell_box .lst .txtp > strong{font-weight:bold;color:#333;}
#header .etc .side > .bell .bell_box .lst .noti{color:#999999;font-size:1.2rem;}
#header .etc .side > .bell .bell_box .lst .noti span{display:inline-block;vertical-align:middle;}
#header .etc .side > .bell .bell_box .lst .noti span + span{margin-left:.9rem;}
#header .etc .side > .bell .bell_box .lst .noti span>i{vertical-align:middle;color:#D8D9DF;margin-right:3px;}
#header .etc .side > .bell .no-alarm{color:#999999;text-align:center;}
#header .etc .side > .bell .no-alarm > i{color:#DBDBDB;display:block;}
#header .srch_area .input-group{position:relative;border:1px solid #DCDDE2; border-radius: 6px; overflow: hidden;}
#header .srch_area .input-group::before{content:"\f0d1";position:absolute;top:50%; left:1.2rem; color:#888; font-family: 'remixicon' !important; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
#header .srch_area .form-control{max-width:22rem;height:3rem;padding-left:3.2rem;border:none;border-radius:6px;font-size:1.4rem;}

#header .etc .side .mobile_btn{font-size:2.6rem;margin:1px 1.1rem 0 0;display:none;}
#header .allmenu:before{font-family: 'remixicon';content:'\ef3e';color:#333;font-size:2.4rem;}
#header .allmenu{-webkit-transition:all .3s;transition:all .3s;text-align:center;display:inline-block;margin-left:3rem; display: none;}
#header .allmenu.active:before{content:'\eb98';font-size:2rem;}
#gnb1{display:flex;align-items: center;height:100%;}
#gnb1 > ul{height:100%;display:flex;align-items: center;}
#gnb1 > ul > li{display:inline-block;vertical-align: middle;position:relative;height:100%;}
#gnb1 .download { display: block;font-size: 1.8rem;font-weight: 600;font-family: 'semibold';position: relative;padding: 0 2.5rem;color: #333;}
#gnb1 .lnb5 { height:auto;}
#gnb1 .dropdown-menu { font-size: 1.5rem; border-color: #00462a;}


/* #gnb1 > ul > li .submenu{position:absolute;top:100%;left:50%;z-index:4;-webkit-transform:translateX(-50%);transform:translateX(-50%);text-align:center;padding-top:3rem;opacity:0;visibility:hidden;-webkit-transition:all .3s;transition:all .5s;height:auto;color:#E5EBF7;background:#fff;padding:1.3rem 2.5rem;border:1px solid #E5EBF7;border-radius:8px;margin-top:-1rem;} */
#gnb1 > ul > li.active .submenu{opacity: 1;visibility: visible;height: auto;}
#gnb1 > ul > li .submenu li a{display:block;color:#333333;-webkit-transition:all .2s;transition:all .2s;font-weight:400;white-space: nowrap;font-size:1.5rem;padding:.8rem 0;text-align: left;}
#gnb1 > ul > li .submenu li a:hover,
#gnb1 > ul > li .submenu li a:focus{font-weight:bold;text-decoration: underline;}
#gnb1 > ul > li > a{display:block;font-size:1.8rem;font-weight:600;font-family:'semibold';position:relative;padding:0 2.5rem;color:#333;line-height:7rem;}

#header::after{content:"";display:block;position:absolute;left:50%;bottom:0;width:1000%;height:1px;background:#ddd;-webkit-transform: translateX(-50%); transform: translateX(-50%);}
/* #header.sub.active{margin-bottom: 12rem;} */
.sub #gnb1 > ul > li.active > a::after {content:"";display:block;position:absolute;bottom:1.6rem;width: calc(100% - 5rem);height:2px;background:#3176EB;}
.sub #gnb1 > ul > li .submenu {width:100%;margin: 0;padding:1.03rem 2.5rem;border:0;background:rgba(0,0,0,0);-webkit-transition:none;transition:none;}
.sub #gnb1 > ul > li.active .submenu::before {content:"";display:block;position:absolute;top:0;width: 1000%;height:100%;background:#F7F8FA;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.sub #gnb1 > ul > li {position:static;}
.sub #gnb1 > ul > li .submenu li {display:inline-block; vertical-align: middle;position:relative;padding:0 2rem;}
.sub #gnb1 > ul > li .submenu li:not(:last-child)::after {content:"";display:inline-block;vertical-align: middle;position:absolute;right:0;top:50%;width:1px;height:2rem;background:#E1E1E1;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.sub #gnb1 > ul > li .submenu li a:hover,
.sub #gnb1 > ul > li .submenu li a:focus{color:#3176EB;font-weight:bold;text-decoration: none;}

/* sub header */
#subHeader {width:140rem;margin-left: auto !important;margin-right: auto !important;max-width:calc(100% - 4.4rem);position: relative;}
#subHeader .top {position:relative;height:4.8rem;}
#subHeader .top::after{content:'';display:table;clear:both;}
#subHeader .top::before {content:'';display:block;position:absolute;left:50%;top:0;width:1000%;height:100%;background-color:#263655;-webkit-transform: translateX(-50%);transform: translateX(-50%);z-index:-1;}
#subHeader .top .logo {float:left;width:6rem;margin:1.4rem 0 0;line-height:1rem;}
#subHeader .top .logo img {max-width:100%;}
#subHeader .top nav {float: left;margin-top:1.5rem;}
#subHeader .top .menu {margin-left:1.4rem;}
#subHeader .top .menu > li {float: left;}
#subHeader .top .menu > li > a {display:block;padding:0 1.4rem;color:#fff;font-size:1.4rem;line-height:1.7rem;letter-spacing: -0.014rem;text-align: center;-webkit-transition: all .35s;transition: all .35s;}
#subHeader .top .menu > li > a:hover, #subHeader .top .menu > li > a:focus {text-decoration: underline;}
#subHeader .top .etc {float: right;display: inline-flex;align-items: center;margin:0.5rem 0 0;}
#subHeader .top .etc .log {float: left;}
#subHeader .top .etc .log a {color:rgba(255,255,255,0.6);font-size:1.4rem;line-height:1.7rem;}
#subHeader .top .etc .log a:hover, #subHeader .top .etc .log a:focus {text-decoration: underline;}
#subHeader .top .etc .log a:not(:last-child)::after {content:'';display:inline-block;vertical-align: middle;position:relative;top:-0.2rem;width:1px;height:0.8rem;margin:0 1.2rem;background:rgba(255,255,255,0.6);}
#subHeader .top .etc .side {float: right;display:inline-flex;}
#subHeader .top .etc .side a {margin-left:2rem;color:#fff;font-size:2.2rem;}
#subHeader .top .etc .side .lang {}
#subHeader .top .etc .side .bell {position:relative;}
#subHeader .top .etc .side .bell .num {position:absolute;top:0.6rem;right:-.5rem;display:inline-block;padding:0 0.4rem;border-radius:3px;background:#EC075D;color:#fff;font-size:9px;line-height:13px;text-align: center;}

#subHeader .head_menu {position:relative;height:9rem;padding-top:2.25rem;}
#subHeader .head_menu::after{content:'';display:table;clear:both;}
#subHeader .head_menu::before {content:'';display:block;position:absolute;bottom:0;left:50%;width:1000%;height:1px;background:#ddd;-webkit-transform:translateX(-50%);transform:translateX(-50%);}
#subHeader .head_menu .logo {float:left;display:flex;align-items:center;position:relative;height:4.2rem;color:var(--main-color);font-size:2rem;line-height:1.2;font-weight:600;letter-spacing: -0.02rem;}
#subHeader .head_menu .logo .txt {display:block;color:#666;font-size:1.3rem;font-weight:400;letter-spacing: -0.01rem;}
#subHeader .head_menu nav {}
#subHeader .head_menu .menu {float: left;margin-left:5.6rem;}
#subHeader .head_menu .menu > li {float:left;position:relative;padding:0.85rem 2.4rem;z-index: 10;}
#subHeader .head_menu .menu > li > a {position:relative;font-size:1.8rem;line-height:2.1rem;font-weight:600;font-family: 'semiBold';}
#subHeader .head_menu .menu > li > a::before {content:'';display:block;position:absolute;left:50%;bottom:-2px;width:0;height:2px;background:var(--main-color);-webkit-transform:translateX(-50%);transform:translateX(-50%);-webkit-transition:all .35s;transition:all .35s;}
#subHeader .head_menu .menu > li > a.active::before, #subHeader .head_menu .menu > li > a:hover::before, #subHeader .head_menu .menu > li > a:focus::before {width:100%;}
/* #subHeader .head_menu .menu > li:has(.submenu) > a::after {content:"\ea4e";display: inline-block;vertical-align: middle;margin-left:0.4rem;font-weight:400;font-family: 'remixicon' !important;} */
#subHeader .head_menu .menu > li.on > a::after {content:"\ea4e";display: inline-block;vertical-align: middle;margin-left:0.4rem;font-weight:400;font-family: 'remixicon' !important;}
#subHeader .head_menu .menu > li .submenu {position:absolute;top:100%;left:50%;min-width:100%;padding:1.2rem 2rem;border:1px solid #D8D9DF;border-radius:6px;background:#F7F8FA;-webkit-transform:translateX(-50%);transform:translateX(-50%);visibility: hidden;opacity: 0;}
#subHeader .head_menu .menu > li .submenu li a {display:block;padding:0.6rem 0;;color:#575C68;font-size:1.6rem;line-height:1.9rem;white-space: nowrap;-webkit-transition: all .25s;transition: all .25s;}
#subHeader .head_menu .menu > li .submenu li a:hover, #subHeader .head_menu .menu > li > .submenu li a:focus {color:#204CA0;font-weight:600;}
#subHeader .head_menu .menu > li.active .submenu {opacity: 1;visibility: inherit;}

#subHeader .head_menu .all_menu {float:right;position:relative;display:inline-block;vertical-align: middle;width:4.2rem;height:4.2rem;margin-left:1rem;border:2px solid var(--main-color);border-radius:10px;background:var(--main-color);color:#fff;}
#subHeader .head_menu .all_menu.mobile {display:none;}
#subHeader .head_menu .all_menu i {position:absolute;top:50%;left:50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
#subHeader .head_menu .all_menu:hover, #subHeader .head_menu .all_menu:focus {background:#fff;color:var(--main-color);}
#subHeader .head_menu .all_menu:hover i, #subHeader .head_menu .all_menu:focus i {font-weight:600;}
#subHeader .head_menu .all_menu_close {display:none;position:fixed;right:2rem;top:1.8rem;margin-left:1rem;padding:0.5rem;color:#8390A7;font-size:2.8rem;line-height:1;-webkit-transition: all .35s;transition: all .35s;z-index: 450;}

#subHeader .head_menu .srch_area {float: right;}
#subHeader .head_menu .srch_area fieldset {max-width:25.5rem;border:1px solid var(--main-color);border-radius:10px;}
#subHeader .head_menu .srch_area .input-group {display:flex;align-items: center;}
#subHeader .head_menu .srch_area .form-control {flex:1;padding:1.2rem;border:none;background:rgba(255,255,255,0);font-size:1.4rem;line-height:1.8rem;}
#subHeader .head_menu .srch_area .form-control::placeholder {color:#999;}
#subHeader .head_menu .srch_area .input-group-btn {}
#subHeader .head_menu .srch_area .input-group-btn .btn-primary {padding:0.9rem 1.4rem 0.8rem;color:var(--main-color);font-size:2rem;}
#subHeader .head_menu .srch_area .input-group-btn .btn-primary i {position:relative;top:0.1rem;}

#subHeader .etc .side > .bell {font-size: 2.1rem;font-weight:500;}
#subHeader .etc .side > .bell > a:hover > i:before,
#subHeader .etc .side > .bell.active > a > i:before{content:'\ef93';-webkit-transition:all .2s;transition:all .2s;}
#subHeader .etc .side > .bell .num{position:absolute;top:5px;right:-5px;background:#E20357;color:#fff;font-size:.9rem;padding:1.6px 3.5px;line-height:1;border-radius:3px;font-weight:300;letter-spacing:0;}
#subHeader .etc .side > .bell .bell_box{position: absolute;right:-1.5rem;z-index:20;margin-top:.9rem;min-width:30rem;background:#fff;border:1px solid #AAAAAA;border-radius:6px;display:none;}
#subHeader .etc .side > .bell.active .bell_box{display:block;}
#subHeader .etc .side > .bell .bell_box .tt{padding:.6rem 2rem;border-bottom:1px solid #EEEEEE;}
#subHeader .etc .side > .bell .bell_box .tt strong{font-size:1.4rem;font-weight:600;letter-spacing: -0.14px;}
#subHeader .etc .side > .bell .bell_box .tt > a{font-size:1.2rem;color:#555;float: right;padding-top: .5rem;}
#subHeader .etc .side > .bell .bell_box .tt > a:hover{font-weight:bold;}
#subHeader .etc .side > .bell .bell_box .tt > a > i{color:#C8C8C8;vertical-align:middle;}
#subHeader .etc .side > .bell .bell_box .tt > a:hover > i{color:#000;}
#subHeader .etc .side > .bell .bell_box:before{width:1rem;height:1rem;border-top:1px solid #aaa;border-left:1px solid #aaa;transform:rotate(45deg);content:'';position:absolute;right: 2rem;top:-.6rem;background:#fff;}
#subHeader .etc .side > .bell .bell_box .lst{padding:1.6rem 2rem;}
#subHeader .etc .side > .bell .bell_box .lst > li{padding-left:1.7rem;font-size:1.6rem;position:relative;}
#subHeader .etc .side > .bell .bell_box .lst > li:before{content:'';width:.5rem;height:.5rem;border-radius:50%;position:absolute;top:1.2rem;left:0;background:#188CFB;}
#subHeader .etc .side > .bell .bell_box .lst > li + li{margin-top:.5rem;}
#subHeader .etc .side > .bell .bell_box .lst > li > a:hover em,
#subHeader .etc .side > .bell .bell_box .lst > li > a:focus em{font-weight:bold;}
#subHeader .etc .side > .bell .bell_box .lst > li > a:hover p,
#subHeader .etc .side > .bell .bell_box .lst > li > a:focus p{text-decoration:underline;}
#subHeader .etc .side > .bell .bell_box .lst > li.st2:before{background:#155CD6;}
#subHeader .etc .side > .bell .bell_box .lst > li.st3:before{background:#04BB8F;}
#subHeader .etc .side > .bell .bell_box .lst > li.st4:before{background:#188CFB;}
#subHeader .etc .side > .bell .bell_box .lst > li:after{height:calc(100% + .5rem);width:1px;background:#D8D9DF;position:absolute;top:1.2rem;left:0.25rem;content:'';z-index:-1;}
#subHeader .etc .side > .bell .bell_box .lst > li:last-child:after{display:none;}
#subHeader .etc .side > .bell .bell_box .lst li em[class*="type"]{font-size:1.2rem;font-weight:500;letter-spacing: -0.12px;color:#188CFB;}
#subHeader .etc .side > .bell .bell_box .lst li em.type2{color:#155CD6;}
#subHeader .etc .side > .bell .bell_box .lst li em.type3{color:#04BB8F;}
#subHeader .etc .side > .bell .bell_box .lst li em.type4{color:#188CFB;}
#subHeader .etc .side > .bell .bell_box .lst .txtp{font-size:1.4rem;color:#555;letter-spacing: -0.14px;}
#subHeader .etc .side > .bell .bell_box .lst .txtp > strong{font-weight:bold;color:#333;}
#subHeader .etc .side > .bell .bell_box .lst .noti{color:#999999;font-size:1.2rem;}
#subHeader .etc .side > .bell .bell_box .lst .noti span{display:inline-block;vertical-align:middle;}
#subHeader .etc .side > .bell .bell_box .lst .noti span + span{margin-left:.9rem;}
#subHeader .etc .side > .bell .bell_box .lst .noti span>i{vertical-align:middle;color:#D8D9DF;margin-right:3px;}
#subHeader .etc .side > .bell .no-alarm{color:#999999;text-align:center;}
#subHeader .etc .side > .bell .no-alarm > i{color:#DBDBDB;display:block;}


/* 모바일 */
.m_back {display:none;position: absolute;left: -2.2rem;top: 50%;color:#fff;font-size:2.2rem;line-height:1.9;-webkit-transform: translateY(-50%);transform: translateY(-50%);}

#subHeader .head_menu .srch_area .m_title {display:none;margin-bottom:12px;color:#222;font-size:18px; line-height:2.1rem; letter-spacing: -0.1rem;}
#subHeader .head_menu .srch_area .m_title span {color:var(--main-color);}
#subHeader .head_menu .srch_area .search_btn {display:none;position:absolute;top:2rem;right:5rem;width:32px;height:32px;border:1px solid var(--main-color);border-radius:5px;}
#subHeader .head_menu .srch_area.active .search_btn {border-color:rgba(255,255,255,0);}
#subHeader .head_menu .srch_area .search_btn::before {content:"";position:absolute;top:50%;left:50%;font-family: 'remixicon' !important;font-size:2.2rem;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
#subHeader .head_menu .srch_area .search_btn.open::before {content:"\f0d1";color:var(--main-color);}
#subHeader .head_menu .srch_area .search_btn.close::before {content:"\eb99";color:#8390A7;font-size:2.4rem;}

/* // sub header */

/*footer*/
#footer{position:relative;border-top:1px solid #E1E1E1; background: #fff;}
#footer .footer_wrap{width: 140rem;max-width: calc(100% - 4rem);margin-left: auto !important;margin-right: auto !important;}
#footer #fnb{display:flex;justify-content: space-between;}
#footer .fnb1{display: flex;gap:2rem;font-weight:500;font-size:1.6rem;color:#111111;align-items: center; height: 6rem;}
#footer .fnb1 .per{font-weight:bold;}
#footer a:hover{text-decoration: underline;}
#footer .related {display:flex;}
#footer .related a {display: block;padding:0 4rem 0 2rem;-webkit-transition: all 0.2s;transition: all 0.2s;}
#footer .related .group {position: relative;min-width: 17rem;}
#footer .related .group + .group:before{display: inline-block;position:relative;content:'';width:1px;height:2rem;background:#E1E1E1;position:absolute;left:0;top:50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
#footer .related .label {height: 6rem;line-height:5.8rem;position: relative;}
#footer .related .label::after {font-family: "remixicon";content: "\EA78";position: absolute;right: 1.5rem;-webkit-transition: all 0.2s;transition: all 0.2s;}
#footer .related .list {visibility: hidden;overflow: hidden;min-width: 100%;height: 0;opacity: 0;position: absolute;right: 0;bottom: 100%;margin-bottom: 1px;background-color: #F7F8FA;}
#footer .related .list a {white-space: nowrap;}
#footer .related .active .label::after {-webkit-transform: rotate(180deg);transform: rotate(180deg);}
#footer .related .active .list {visibility: visible;overflow: visible;min-width: 100%;height: auto;opacity: 1;padding: 1.5rem 0;z-index: 1;-webkit-transition: all 0.2s;transition: all 0.2s;}
#siteinfo{padding:3.7rem 0 5rem 0;}
#siteinfo address{display: inline-block;}
#siteinfo > * + *:before{display:inline-block;position:relative;height:8px;background:#E5E5E5;width:1px;margin:0 1rem;content:'';vertical-align: middle;}
#siteinfo > .mail{color:#111111;}
#siteinfo .copyright {font-size: 1.6rem; font-weight: 400; display:block !important;color:#555555;margin-top: 5px;}
#siteinfo .copyright::before{display:none !important;}
#header .etc .side .mobile_btn.active{color:#155CD6;}
#header .etc .log .sitemap{display:none;}

@media (max-width: 1760px) {
	#HumanHeader .header_wrap, #Humanfooter .footer_wrap { max-width:calc(100% - 4rem); }
}
@media (max-width: 1200px) {
	#header .etc > * + *{padding-left:1rem;}
	#gnb1 > ul > li > a{padding:0 2rem;}
	#fixedWrap{top:auto;bottom:1rem;}

	#subHeader .head_menu .menu > li {padding:0.85rem 1.4rem;}
}

@media (max-width: 1023px) {
	#header .allmenu {display: block;}
	#header.active{width:100%;max-width:100%;}
	#gnb1:before{z-index: 1}
	#header.active #gnb1{width:100%;display:block;background:#fff;height:calc(100vh - 6rem);position:absolute;top:0;z-index:5;}
	#header.active #gnb1:after{display: none;}
	#gnb1 > ul{width: 100%; float: none; background: #fff; display: none; position: relative; margin-top: 6rem}
	#gnb1 > ul:before{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #F4F6F9}
	#header.active #gnb1:before{top: 0; height: 6rem; background: #203969;content:'';z-index:2;position:absolute;transition:all .2s;width:100%;}
	#header.active #gnb1 > ul {display: block;height:100%;}
	#gnb1 > ul > li{display: block; height: auto; padding: 0;width: 100%; position: static;}
	#gnb1 > ul > li:before{display: none}
	#gnb1 > ul > li.active > a:before{display: none}
	#gnb1 > ul > li.active > a{background: #fff; font-weight: 600; color:#333; }
	#gnb1 > ul > li > a{line-height: 3rem;  padding: 1.5rem 2rem; font-weight: 400; color:#575C68}
	#gnb1 > ul > li .submenu{left: auto;right:0; top: 0; transform: none; width: calc(100vw - 15rem); text-align: left; display: none; padding:3rem;border:0;border-radius: inherit;background:none;margin-top:0;}
	#header.active #gnb1 > ul > li .submenu{display: none}
	#header.active #gnb1 > ul > li.active .submenu{display: block}
	#gnb1 > ul > li .submenu li a{font-size: 1.9rem;font-weight: 700; color:#575C68; padding: 1rem 0; border-bottom:1px solid #e1e1e1;white-space: normal; }
	#header.active .etc .log>*{color:#fff;}
	#header.active .etc{z-index: 6;margin-right:6rem;}
	#header.active .etc .side > *{color:#fff;}
	#header.active .allmenu.active{position: absolute;top:0;right:0;margin-left:0;width:5rem;height:5rem;color:#fff;z-index:2;}
	#header.active .allmenu.active:before{color:#fff;font-size:4rem;}

	.sub #gnb1 > ul > li .submenu{width:calc(100vw - 15rem);}
	.sub #gnb1 > ul > li .submenu li{display:block;}
	.sub #gnb1 > ul > li.active > a::after, .sub #gnb1 > ul > li.active .submenu::before, .sub #gnb1 > ul > li .submenu li:not(:last-child)::after{display: none;}
	#header .srch_area{}
	#header .srch_area .input-group{display:none;}
	#header .srch_area .btn-primary {display:block;margin-left:0.5rem;font-size:2rem;}
	#header.active .btn-primary{color:#fff;}
	

	/* sub header */
	#subHeader.fixed {position:fixed;top:0;left:50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);z-index: 200;}
	#subHeader.fixed .head_menu::before {height: 100%;background:#fff;box-shadow: 0 4px 8px rgba(0,0,0,0.08);}
	#subHeader.fixed .top .etc .side .lang {right:4.4rem;}
	#subHeader.fixed .head_menu .all_menu_close {right:-0.2rem;}
	#subHeader .head_menu .logo {font-size:18px;}

	.m_back {display:block;}
	
	#subHeader .top .logo {width:18rem;}
	#subHeader .head_menu {height:66px;padding-top:15px;}
	#subHeader .head_menu .menu {float: none;display:none;position:fixed;width:190px;height:100vh;right:-100vw;top:0;margin:0;padding-top:70px;background:#F4F6F9;/*overflow-y:auto;*/-webkit-transition:all .3s;transition:all .3s;z-index: 400;}
	#subHeader .head_menu .menu.active {display:block;right:0;}
	#subHeader.fixed .head_menu .menu.active {right:-2.25rem;}
	#subHeader .head_menu .menu.has_depth {width:320px;}
	#subHeader .head_menu .menu.active::before {content:"";display:block;position:absolute;top:0;right:100%;width:100vw;height:100vh;background:rgba(0,0,0,0.5);}
	#subHeader .head_menu .menu > li {float:none;position:initial;width:100%;padding:0;}
	#subHeader .head_menu .menu > li > a {display:block;padding: 2.2rem 2.4rem;color:#575C68;font-size:16px;}
	#subHeader .head_menu .menu > li > a.active, #subHeader .head_menu .menu > li:hover a, #subHeader .head_menu .menu > li:focus a {background:#fff;color:#333;}
	#subHeader .head_menu .menu > li > a.active::before, #subHeader .head_menu .menu > li > a:hover::before, #subHeader .head_menu .menu > li > a:focus::before, #subHeader .head_menu .menu > li.on > a::after {display:none;}

	#subHeader .head_menu .menu > li > a.active + .submenu {top:70px;left:auto;right:0;width:190px;padding:0;visibility:inherit;opacity: 1;-webkit-transform: translateX(0);transform: translateX(0);box-shadow: none;z-index: 410;}
	#subHeader .head_menu .menu > li > a.active + .submenu::after, #subHeader .head_menu .menu > li > a:focus + .submenu::after {content:"";display:block;position:fixed;top:-70px;width:100%;height:100vh;background:#fff;z-index: -1;}
	#subHeader .head_menu .menu > li .submenu {min-width:auto;border:none;background-color:rgba(0,0,0,0);}
	#subHeader .head_menu .menu > li .submenu li {padding:0 20px;}
	#subHeader .head_menu .menu > li .submenu li a {padding:1.5rem 0;border-bottom:1px solid #E1E1E1;font-size:14px;font-weight: 500;white-space:normal;}
	#subHeader .head_menu .menu > li .submenu li a:hover, #subHeader .head_menu .menu > li .submenu li a:focus {color:#3176EB;font-weight: 600;}

	#subHeader .top nav {display:none;}
	#subHeader .top .etc .log a {color:rgba(255,255,255,0.8);}
	#subHeader .top .etc .side .bell {top:-2px;margin:0;}
	#subHeader .top .etc .side .bell .sr-only, #subHeader .top .etc .side .lang .sr-only {position:relative;width:auto;height:auto;margin: 0;overflow: visible;clip:auto;}
	#subHeader .top .etc .side .bell .sr-only {color:rgba(255,255,255,0.8);font-size:1.4rem;}
	#subHeader .top .etc .side .bell a {display:none;}
	#subHeader .top .etc .side .bell .num {position:relative;top:0;right:0;margin-left:2px;}
	#subHeader .top .etc .log a:not(:last-child)::after {top:0;}
	#subHeader .top .etc .side .bell::before {content:'';display:inline-block;vertical-align: middle;position:relative;top:0.2rem;width:1px;height:0.8rem;margin:0 1.2rem;background:rgba(255,255,255,0.6);}

	#subHeader .top .etc .side .lang {display:none;position:fixed;top:1.8rem;right:6.6rem;color:#8390A7;z-index: 410;}
	#subHeader .top .etc .side .lang .sr-only {padding:0 1.4rem 0 0.3rem;border-right:1px solid #C9CFD9;color:#8390A7;font-size:13px;line-height:12px;}
	#subHeader .top .etc .side .lang i {display:inline-block;vertical-align:middle;position:relative;top:0.1rem;font-size:16px;}
	#subHeader.active .top .etc .side .lang {display:block;}
	#subHeader.active .head_menu .all_menu_close {display:inline-block;vertical-align: middle;}

	#subHeader .head_menu .srch_area {float: none;position:absolute;top:0;left:50%;width:100%;padding-top:3rem;-webkit-transform: translateX(-50%);transform: translateX(-50%);z-index: 300;}
	#subHeader .head_menu .srch_area.active {top:-43px;}
	#subHeader .head_menu .srch_area fieldset {display:none;max-width:100%;border-width:2px;border-radius: 5px;}
	#subHeader .head_menu .srch_area.active fieldset {display:block;}
	#subHeader .head_menu .srch_area .form-control {padding:12px;font-size:16px;}
	#subHeader .head_menu .srch_area .form-control::placeholder {font-size:14px;}
	#subHeader .head_menu .srch_area .search_btn {top:15px;}
	#subHeader .head_menu .srch_area.active .m_title, #subHeader .head_menu .srch_area .search_btn.open {display:block;}
	#subHeader .head_menu .srch_area .search_btn.open {display:block;}
	#subHeader .head_menu .srch_area .search_btn.close {display:none;}
	#subHeader .head_menu .srch_area.active .search_btn.open {display:none;}
	#subHeader .head_menu .srch_area.active .search_btn.close {display:block;}
	#subHeader .head_menu .srch_area.active .search_btn {right:0;}
	#subHeader .head_menu .srch_area.active::before {content:"";display:block;position:absolute;top:0;left:50%;width:1000%;height:123px;background:#F7F8FA;-webkit-transform: translateX(-50%);transform: translateX(-50%);box-shadow: 0 4px 8px rgba(0,0,0,0.1);z-index: -1;}
	#subHeader .head_menu .srch_area.active::after {content:"";display:block;position:absolute;top:123px;left:50%;width:calc(100% + 4.4rem);height:1000vh;background:rgba(0,0,0,0.2);-webkit-transform: translateX(-50%);transform: translateX(-50%);box-shadow: 0 4px 8px rgba(0,0,0,0.1);z-index: -2;}
	
	#subHeader .head_menu .all_menu {font-size:2.3rem;}
	#subHeader .head_menu .all_menu.mobile {display:block;}
	#subHeader .head_menu .all_menu.pc {display:none;}
	#subHeader .head_menu .all_menu:hover, #subHeader .head_menu .all_menu:focus {border-width:1px;}
	#subHeader .head_menu .all_menu {width:32px;height:32px;border-radius: 5px;}
	/* // sub header */

	#Humanfooter {padding:3rem 0;}
	#Humanfooter .logo_box .logo {max-width:22rem;}
}

@media (max-width: 768px){
	#header.sub {margin-bottom:calc(50px + 2rem);}
	#header #logo{width: 218px}
	#header .etc .side .mobile_btn{margin-right:0;}

	#subHeader .top {height:36px;}
	#subHeader .head_menu .srch_area.active {top:-36px;}

	#footer #siteinfo{text-align: center;padding:2.3rem 0;}
	#footer #siteinfo > *{display:block;}
	#footer #siteinfo > * + *:before{display:none;}
	#footer .fnb1{align-items: center;justify-content: center;height:6rem;}
	#footer #fnb{display:block;}
	#footer .related{border-bottom:1px solid #F1F1F1;}
	#footer .related .group{width:100%;min-width:17rem;}
	#footer .footer_wrap{width:100%;max-width:100%;}

	#footer .related .group1 .list{left:0; right:auto;}
	/* #footer .related .list a{white-space:initial;} */
}

@media (max-width: 375px){
	#subHeader .top .logo {width:6rem;}
}
@media (max-width: 350px){
	#header #logo{width:187px;}


}

@media (max-width: 320px) {
	#subHeader .head_menu .menu.has_depth {width:100vw;}
	#subHeader .head_menu .menu > li > a.active + .submenu {width:60%;}
}