@charset "utf-8";

body{overflow: auto;}
body.main-body{overflow: revert; background-color: #F5F5F5;}
body.content-body{background-color: #fff;}


/* 탑 */
.hs1{}
.hs2{position:relative; display: none; background-color: #fff;}
.main-body .hs2{background: none;}
.main-body #header .lnb .embla--subMenu .embla__container{height: auto !important;}
#ecm_wrap{position:relative; width:100%; background-color: #fff;}
#header{width:100%;  z-index: 9998; border-bottom: 1px solid #ccc; position: fixed; left: 0; top: 0;}

#topMenu li:hover > .mlnb{background-color: #ecf5ff;}
#topMenu li:hover .mlnb a {color:#0D3F7A;}
#topMenu li .mlnb a.topON {color:#0D3F7A;}

.gnb{width:100%; overflow:hidden; font-weight: 500;  text-align: center; background-color: #fff;border-bottom: 1px solid #ccc;}
.main-gnb{background-color: #ffffff;}
.main-gnb .gnb_box ul.box_mode li{color: #1f1f1f;}
.gbn_btns{position: absolute; right: 10px; top: 10px;}

.gnb_box{width:100%; padding: 10px; overflow:hidden; position: relative;}
.gnb_box h1{text-align: center;}
.gnb_box ul.ecm_serch{float:right; margin:0 0 0 10px;}
.gnb_box ul.ecm_serch li{float:left;}
.gnb_box ul.ecm_serch li input[type~='text']{width:175px; padding-left:10px; height: 30px; color:#fff; border:1px solid #fff; background-color: #242424;}
.gnb_box ul.ecm_serch li p.serch_btn{width:30px; height:30px; margin:0; text-align:center; border-top:1px solid #fff; border-right:1px solid #fff; border-bottom:1px solid #fff; cursor: pointer;}
.gnb_box ul.ecm_serch li p.serch_btn img{margin-top:6px;}
.gbn_btns:after{content: '';display: block; clear: both;}
.gnb_box ul.box_mode{float:right; margin:0;display: flex; justify-content: flex-start; align-items: center;}
.gnb_box ul.box_mode li{font-size:16px; font-weight: 600; margin-left: 5px;}
.gnb_box ul.box_mode li:first-child{margin: 0; padding-right: 5px;}
.gnb_box ul.box_mode li.text_mid span{font-size: 15px; background-color: #ff7b08; padding: 0px 5px; border-radius: 50px; margin-right: 5px; color: #fff; font-weight: 600;}
.gnb_box ul.box_mode li a{color:#fff; font-size:13px;}
.gnb_box ul.box_mode li input{height:27px; line-height: 25px; padding:0 12px; margin-left:0;  border:1px solid #242424; background: none; border-radius: 50px;}
.gnb_box ul li a.home_btns{display:block; height:30px; margin-left:10px; padding:0 8px; border:1px solid #fff;}
.gnb_box ul li a.home_btns img{margin-top:7px; vertical-align: middle;}
.gnb_box ul li.ecm_language{margin-left:5px; padding-left:5px; border-left:1px solid #fff;}
.gnb_box ul li.ecm_language p{float:left; padding:5px; border:1px solid #fff; cursor: pointer;}
.gnb_box ul li.ecm_language p.on{color:#006faf; background-color: #fff;}


#naviArea{overflow:hidden; background: url("/images/web_top_bg_ex.jpg") no-repeat;position: relative; background-size: cover;background-position: right center;}
#naviArea:after{content:''; position: absolute;left: 0; top: 0;width: 100%; height: 100%; background-color: #0d3f7a;opacity: 0.7;}
#naviArea .web_top{height: 12vw; min-height: 170px; display: flex; justify-content: center; flex-direction: column; align-items: center;}
#naviArea .web_top > *{padding-top: 20px;position: relative; z-index: 1;}
#naviArea .web_top > *:first-child{padding-top: 0;}
#naviArea .web_top h1{font-size: 30px; font-weight: 600; color: #fff;}
#naviArea .web_top span{font-size: 15px; color: #fff;}
#top{ z-index: 999; width: 100%; overflow: hidden; position: relative; top: 0px;}

/* 모바일 사이드 네비 */
#mm-blocker{cursor: pointer;}
/* .mm-menu {width: 240px; min-width: auto; max-width: 80%;background-color: #fff;} */
.mm-menu {width: 100%; min-width: auto; max-width: 100%;background-color: #fff;}
.mm-listview > li.search_m input{width:80%;}
.mm-listview > li,
.mm-listview > li a{color: #2E2A25;}
html.mm-pagedim.mm-opening #mm-blocker,
html.mm-pagedim-white.mm-opening #mm-blocker,
html.mm-pagedim-black.mm-opening #mm-blocker {
    opacity: 0.3;
    transition: opacity 0.4s ease 0.1s;
}

/* 서브메뉴 슬라이드 - embla */
.no_bd{border: none !important;}
#header .lnb .embla--subMenu{padding: 0 15px;background: none; border-bottom: 1px solid #BEBEBE;}
.embla { position: relative; background-color: #f7f7f7; max-width: 100%; margin-left: auto; margin-right: auto;}
.hs1 .embla--subMenu{display: none;}
.embla__viewport { overflow: hidden; width: 100%; height: auto; }
.embla__viewport.is-draggable { cursor: move; cursor: grab; }
.embla__viewport.is-dragging { cursor: grabbing;}
.embla__container {display: flex; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -webkit-tap-highlight-color: transparent; align-items: flex-start;}
#container .embla__container { height: 100% !important; }
.embla__slide { min-width: 100%; position: relative; height: 100%; overflow-y: auto;}
.embla__slide__inner { position: relative; overflow: auto; height: 100%;} /* 23-06-11 21:11 김태희 overflow: hidden >> overflow: auto */
.embla--subMenu { padding-top: 0; }
.embla__container--subMenu { cursor: default; margin-left: 0;}
.embla__slide--subMenu { padding-left: 0; width: auto; min-width: auto; white-space: nowrap; flex-grow: 1; max-width: 260px; overflow: revert; }
.embla__slide__inner--subMenu { touch-action: manipulation; cursor: pointer; border: 0; outline: 0; margin: 0 auto; padding: 10px; width: auto; background-color: transparent;
  position: relative; display: block; overflow: hidden; font-size: 16px; font-weight: 600;}
.embla__slide__subMenu { position: absolute; opacity: 0.2; top: 0; bottom: 0; left: -10000%; right: -10000%; margin: auto; min-width: 1000%; min-height: 1000%; max-width: none;
  transform: scale(0.1); transition: opacity 0.2s;}
.embla--subMenu .is-selected .embla__slide__inner--subMenu{color:#0D3F7A; }
.embla--subMenu .is-selected:after{ content:''; position: absolute;bottom: 0; left: 0; height: 2px; width: 100%; background-color: #0D3F7A;}
.embla__slide__inner > form.bd_layout{max-height: 100%; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
/* .embla__slide__inner .sub-area{height: 100%;overflow-y: auto;} */
.ecm_mobile .sub-area{padding:0;}

#container .embla{ height: 100%; overflow: auto; height: 100%;}
#container .embla__viewport{ height: 100%;}

/* 컨테이너 */
#container{width:100%; background-color: #fff;}
.main-body #container{height: auto;}
#content_top{overflow:hidden;}
#content_bottom{clear: both;}
.contentArea{margin:0 auto; flex-grow: 1; width: 100%;}
.contentArea #content{background-color: #fff;}
.profile-btn {width: fit-content; /*background-color: #EEEEEE;*/ background-color: #3B479D; border-radius:20px; padding: 6px 10px; display: flex; align-items: center;}
.profile-btn a {/*color: #414141;*/color:#fff; font-size: 19px; padding-right: 4px;}
.profile-btn svg {width: 12px; height: 12px;}
.layout-wrap {width: 100%; height: auto; box-sizing: border-box; padding: 15px;}


/* 검색바 */
.search-menu-wrap {width: 100%; height: auto; background-color: #FFF; box-shadow: 0px 5px 6px rgba(0, 0, 0, 0.08); position: relative; z-index: 1;}
.search-menu-wrap .layout-wrap{padding: 5px 5px; height: auto;}
.community-result-wrap{width: 100%; overflow-y: auto; position: relative;}
.search-menu-wrap .search-result-wrap {padding-top: 8px;padding-bottom: 3px; padding-left: 10px;}
.search-menu-wrap .search-result-wrap,
.search-menu-wrap .search-result-wrap p,
.search-menu-wrap .search-result-wrap p{font-size: 0;}
.search-menu-wrap .search-result-wrap p span{line-height: 1; font-size: 15px; font-weight: 500; display: inline-block;}
.search-menu-wrap .search-result-wrap p .result-num {color: #3B479D; font-size: 16px; font-weight: 600; padding: 0 5px;}
.search-bar-wrap { padding: 2px 7px; background-color: #EFF0F0; border-radius: 5px; margin: 0; display: flex; justify-content: flex-start;  align-items: center;}
.search-filter{display: flex; justify-content: flex-start; align-items: center; width: auto; max-width: 182px;}
.search-filter p{width: 100px; font-size: 15px; border-right: 1px solid #8E9090; margin-right: 5px;padding-left: 4px;}
.search-filter > div{margin-right: 5px; display: inline-block;background-color: #fafafa;border-radius: 15px; font-size: 0;}
.search-filter > div:last-child{margin-right: 2px;}
.search-filter > div:last-child.kumoh{width:75%;}
.search-bar-wrap .v-line {display: inline-block; width: 1px; height: 16px; background-color: #8E9090;}
.search-bar-wrap .search-select-wrap {width: 90px; margin-right: 10px; display: none;}
.search-bar-wrap .search-select-wrap.on { display: block; }
.search-bar-wrap .search-select-wrap .nice-select {width: 100%;}
.search-bar-wrap .search-select-wrap select,
.search-filter > div select {display: block; width: 100%; font-size: 15px; background: transparent url(/images/icon/select-bottom-arrow.svg) no-repeat 90% center; background-size: 10px; outline: none; 
	border: none; padding: 4px; letter-spacing: -0.25px; -webkit-appearance:none; -moz-appearance:none; appearance:none}
.search-filter > div select{ 
	padding: 4px 12px 4px 4px; background: transparent url(/images/icon/select-bottom-arrow.svg) no-repeat center; background-position: calc(100% - 1px);
	background-size: 10px; font-size: 14px; font-weight: 600;
	}
.search-bar-wrap .search-input-wrap {display: inline-block; margin-left: 0; width: calc(100% - 15px);}
.search-bar-wrap .search-input-wrap input { display: inline-block; width: 100%; padding: 8px 0; background: transparent; outline: none; border: none; font-size: 15px;}
.search-bar-wrap .search-input-wrap input::placeholder {font-size: 15px; color: #BEBEBE; letter-spacing: -0.5px;}
.search-btn-wrap {display: inline-block;width: 15px;height: 15px;}
.search-btn-wrap input {display: none;}
.search-btn-wrap label {display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;padding: 0px;cursor: pointer;}
.search-btn-wrap > label > svg > path {fill: #261C62;}
.search-btn-wrap label img {width: 100%; height: 100%; object-fit: cover;}

.search-menu-wrap .search-keyword-wrap {display: block; width: 100%; height: auto;}
.search-menu-wrap .search-keyword-wrap ul {padding: 0 12px 10px; display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: center;}
.search-menu-wrap .search-keyword-wrap ul li {display: block; white-space: nowrap; padding: 5px 16px; margin: 4px; border: 2px solid #8E9090;  border-radius: 30px; cursor: pointer; margin-top: 0;}
.search-menu-wrap .search-keyword-wrap ul li p {color: #8E9090; font-size: 15px; display: inline-block;}
.search-menu-wrap .search-keyword-wrap ul li.on {border-color: #0D3F7A;}
.search-menu-wrap .search-keyword-wrap ul li.on p {color: #0D3F7A;}

.siteuser_search{display: flex; justify-content: flex-start; align-items: center;width: calc(100% - 210px); flex-grow: 1;}


/* 서브페이지 레프트메뉴 있을경우 */
.sub_west h1{line-height: 120%; margin:0; border-top:3px solid #444; border-left:1px solid #ccc; border-right:1px solid #ccc; background-color: #fff;}
.sub_west h1 span{display:block; padding:40px 10px; color:#444; font-size:25px;}
#westMenuArea{padding: 30px 0;}
#westMenuArea.no-menu{padding: 0 !important;}
#leftMenu{margin:0 auto;display: flex; max-width: 1280px; justify-content: center; align-items: stretch;}
#leftMenu li{background-color: #fff; flex-grow: 1; text-align: center; border:1px solid #ccc; border-right: 0;border-left: 0; width: 100%;}
#leftMenu li:first-child{border-left: 1px solid #ccc;}
#leftMenu li:last-child{border-right: 1px solid #ccc;}
#leftMenu li a{display: flex; padding:15px 10px;font-size: 16px;transition: 0.3s; justify-content: center; align-items: center; width: 100%; height: 100%;}
#leftMenu li a:hover{color:#fff; background-color: #0D3F7A;}
#leftMenu li a.subON{color:#fff; background-color: #0D3F7A;}
#leftMenu li.depth02{padding:8px 20px; border-top:none; background: #f3f3f3 url("../../images/sub/depth02_off.gif") 8px no-repeat;}
#leftMenu li.depth02 a{display:inline; padding:0; color:#333; background: none;font-weight: normal;}
#leftMenu li.depth02 a:hover{font-weight: bold; text-decoration: underline;}
#leftMenu li.depth02 a.subON{color: #444; font-weight: bold;}

/* 서브페이지 레프트메뉴 있을경우 별도 스타일 */
.has_left .content_form{max-width: 1280px; margin: 0 auto;}


/* 컨텐츠 레이아웃*/
#container > .sub_container{background-color: #F5F5F5;}
.sub-area {width: 100%; height: auto; min-height: auto; background-color: #FFF; box-sizing: border-box; padding: 20px 0;}
.sub-con-title {width: 100%; padding-bottom: 14px;}
.ecm_mobile .sub-con-title {display: none;}
.sub-con-title h1 {font-size: 24px; font-weight: 700; text-align: center;}
.sub_container{width:100%; border-bottom:0px solid #999; overflow: auto;}
.sub_container_box{width:100%; margin:0 auto; padding: 0; overflow:hidden;}

.contents-title a {padding: 16px 15px 0px 15px; display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
.contents-title a h2 {font-size: 18px; font-weight: 700; white-space: nowrap;}
.contents-title a img {width: 8px; height: 16px;}

.alert_div { z-index: 9999; position: fixed; bottom: 120px; display: flex; flex-direction: row; justify-content: center; align-items: flex-end; width: 100%;}
.alert_div_cntn { width: auto; max-width: 80%; color: #FFF; font-weight: 500; font-size: 14px; background: rgba(112, 112, 112, 0.8);
    border-radius: 20px; display: block; padding: 12px 18px;}

	
/* menu icon */
#header .lnb { height: auto !important; width:100%; background-color: #fff; overflow: visible;}

.lnb_box {width: 100%;margin: 0 auto;z-index: 999; overflow: revert;background-color:#fff;}
.lnb_box:after { content: ''; display: block; clear: both;}
.lnb_box h1{float:left; margin:15px 0; font-weight: normal;}
.lnb_box h1 > span > img {width: auto; height: 40px; padding-left: 15px;}
.lnb_box h1 a{float:left; margin-right:10px;}
.lnb_box > ul { width: 100%; display: flex; justify-content:space-around; box-sizing:border-box; overflow: revert;max-width: 1300px; margin: 0 auto;}
.lnb_box > ul > li {display:flex; align-items: center;  justify-content: flex-start; flex-direction: column; box-sizing:border-box; overflow: revert; position: relative; width: 100%;}
.lnb_box > ul > li > .mlnb{width: 100%; position: relative;}
.lnb_box > ul > li a {display: flex; flex-direction:column;text-align: center; font-size:16px; font-weight: 500;text-align:center;padding: 10px 0;justify-content: center;
    align-items: center;}
.lnb_box > ul > li a > div.icon-wrap {display: none; width:28px; height:28px; margin: 0 auto; }
.lnb_box > ul > li a > p {text-align:center; display: flex; justify-content: center; align-items: flex-end;font-weight: 600;word-break: keep-all;}
.lnb_box > ul > li a:hover{text-decoration: none;}
.lnb_box > ul > li .slnb{background-color: #fff;  z-index: 100; width: 100%; height: 0; overflow: hidden; opacity: 0; transition: opacity 0.5s;}
.lnb_box > ul > li .slnb ul{float:none; margin:0; display: block;}
.lnb_box > ul > li .slnb ul li{float:none; margin-left:0;}
.lnb_box > ul > li .slnb ul li a{padding: 10px 0px; font-size: 15px; color:#555; display: block; width: 100%;}
.lnb_box > ul > li .slnb ul li a:HOVER{text-decoration:none; color:#0d3f7a; background-color: #ecf5ff;}
.lnb_box:HOVER ul li .slnb{height: auto; overflow: hidden; opacity: 1;}
.lnb_box ul li.active_page .slnb ul li a.subON{color: #0d3f7a; font-weight: 700;}

.lnb_box ul li:nth-child(1) a > div.icon-wrap {background: url(/images/topMenu_icon1.svg) no-repeat;}
.lnb_box ul li:nth-child(1) a:hover > div.icon-wrap {background: url(/images/h_topMenu_icon1.svg) no-repeat;}
.lnb_box ul li:nth-child(1) a.topON > div.icon-wrap {background: url(/images/h_topMenu_icon1.svg) no-repeat;}
.lnb_box ul li:nth-child(2) a > div.icon-wrap {background: url(/images/topMenu_icon2.svg) no-repeat;}
.lnb_box ul li:nth-child(2) a:hover > div.icon-wrap {background: url(/images/h_topMenu_icon2.svg) no-repeat;}
.lnb_box ul li:nth-child(2) a.topON > div.icon-wrap {background: url(/images/h_topMenu_icon2.svg) no-repeat;}
.lnb_box ul li:nth-child(3) a > div.icon-wrap {background: url(/images/topMenu_icon3.svg) no-repeat;}
.lnb_box ul li:nth-child(3) a:hover > div.icon-wrap {background: url(/images/h_topMenu_icon3.svg) no-repeat;}
.lnb_box ul li:nth-child(3) a.topON > div.icon-wrap {background: url(/images/h_topMenu_icon3.svg) no-repeat;}
.lnb_box ul li:nth-child(4) a > div.icon-wrap {background: url(/images/topMenu_icon4.svg) no-repeat;}
.lnb_box ul li:nth-child(4) a:hover > div.icon-wrap {background: url(/images/h_topMenu_icon4.svg) no-repeat;}
.lnb_box ul li:nth-child(4) a.topON > div.icon-wrap {background: url(/images/h_topMenu_icon4.svg) no-repeat;}
.lnb_box ul li:nth-child(5) a > div.icon-wrap {background: url(/images/topMenu_icon5.svg) no-repeat;}
.lnb_box ul li:nth-child(5) a:hover > div.icon-wrap {background: url(/images/h_topMenu_icon5.svg) no-repeat;}
.lnb_box ul li:nth-child(5) a.topON > div.icon-wrap {background: url(/images/h_topMenu_icon5.svg) no-repeat;}
.lnb_box ul li:nth-child(6) a > div.icon-wrap {background: url(/images/topMenu_icon6.svg) no-repeat;}
.lnb_box ul li:nth-child(6) a:hover > div.icon-wrap {background: url(/images/h_topMenu_icon6.svg) no-repeat;}
.lnb_box ul li:nth-child(6) a.topON > div.icon-wrap {background: url(/images/h_topMenu_icon6.svg) no-repeat;}
.lnb_box ul li a {color:#2E2A25;}
.lnb_box ul li:hover a > p{color:#0D3F7A; font-weight: 700; box-sizing: border-box;}
.lnb_box ul li a.topON > p{color:#0D3F7A; font-weight: 700;}

.normal-homepage .gnb_box h1 img{display: none;}
.normal-homepage .lnb_box h1{display: block !important;float: none; margin: 0; width: 150px; padding: 5px 0;}
.normal-homepage .lnb_box h1 a{float: none; margin: 0;display: block;}
.normal-homepage .lnb_box h1 a img{width: auto; height: 100%;}
.normal-homepage .lnb_box{display: flex; align-items: flex-start; justify-content: space-between; max-width: 1300px;}
.normal-homepage .lnb_box > ul{margin: 0; width: calc(100% - 250px);}
.normal-homepage .lnb_box > ul > li a{padding: 13px 0;}
.normal-homepage .lnb_box > ul > li > .mlnb{transition: 0.3s;}
.normal-homepage .lnb_box:after {display: none;}
.normal-homepage .ecm_pc #content > * {margin: auto; max-width: none;}

/* 사이드메뉴 */
/* #menu .nav_wrap .side-close-wrap {padding: 20px 16px; display:flex; justify-content:flex-end;} */
#menu .nav_wrap .side-close-wrap {padding: 20px 16px; display:flex; justify-content:flex-start;}
#menu .nav_wrap .side-profile-wrap {padding: 10px 16px; display:flex; align-items: center; justify-content: space-between; height: auto; background-color:#F5F5F5; border-top:1px solid #BEBEBE; border-bottom:1px solid #BEBEBE; box-sizing:border-box;}
#menu .nav_wrap .side-profile-wrap > div:nth-child(1) {display:flex; align-items: center; }
#menu .nav_wrap .side-profile-wrap .side-profile-img {width:32px; height:32px; margin-right:10px; border-radius: 100%; background-color: #BEBEBE; overflow: hidden;}
#menu .nav_wrap .side-profile-wrap .side-profile-img img {display: block; width: 100%; height: 100%; object-fit: cover;}
#menu .nav_wrap .side-profile-wrap p {font-weight:600;}
#menu .nav_wrap .side-profile-wrap p:nth-child(1) {font-size:15px; color:#0D3F7A;}
#menu .nav_wrap .side-profile-wrap p:nth-child(2) {font-size:16px; color:#414141;}
#menu .nav_wrap .side-profile-wrap p:nth-child(2) {font-size:16px; color:#414141;}
#menu .nav_wrap > li > ul > li b {display:block; font-size: 16px; color:#2E2A25; font-weight:600;}
#menu .nav_wrap > li > ul > li span {display:block; font-size: 16px; color:#0D3F7A; font-weight:700; margin-bottom:8px;}
#menu .nav_wrap > li > ul > li p {display:block; font-size: 15px; color:#2E2A25;}

#menu .nav_wrap .message-wrap {padding: 14px 0;}
#menu .nav_wrap .message-wrap li.m-message-wrap {padding: 14px 16px; display: flex; justify-content:space-between; align-items:center;}
#menu .nav_wrap .message-wrap li.m-message-wrap .m-button-wrap {display:block; width:42px; height: 24px;}
#menu .nav_wrap .message-wrap li.m-message-wrap .m-button-wrap div {position:relative; width: 100%; height: 100%; border-radius:40px; transition: all 0.2s; cursor:pointer;}
#menu .nav_wrap .message-wrap li.m-message-wrap .m-button-wrap div.off {background-color: #EEE;}
#menu .nav_wrap .message-wrap li.m-message-wrap .m-button-wrap div.on {background-color: #ECF2FE;}
#menu .nav_wrap .message-wrap li.m-message-wrap .m-button-wrap div .btn {position:absolute; display:block; border-radius: 100%; width:18px; height: 18px; top:calc(50% - 9px); left: 3px;}
#menu .nav_wrap .message-wrap li.m-message-wrap .m-button-wrap div.off .btn {background-color: #FFF;}
#menu .nav_wrap .message-wrap li.m-message-wrap .m-button-wrap div.on .btn {background-color: #3B479D; transform: translateX(17px)}
#menu .nav_wrap .message-wrap a {display: block; padding: 14px 16px; font-size: 16px; color:#2E2A25; font-weight:600;}
#menu .nav_wrap .message-wrap a:active {background-color: #f5f5f5;}

#menu .nav_wrap .service-wrap {padding: 14px 16px 72px; border-top:1px solid #BEBEBE; box-sizing:border-box; }
#menu .nav_wrap .service-wrap > li:nth-child(1) {margin-bottom:0px;}
#menu .nav_wrap .service-wrap > li {margin-bottom:14px;}
#menu .nav_wrap .service-wrap > li b {margin-bottom:4px;}
#menu .nav_wrap .service-wrap .service-wrap-info{border: 1px solid #BEBEBE; padding: 15px; border-radius: 8px; margin-bottom: 10px !important;}
#menu .nav_wrap .service-wrap .service-wrap-info a{font-size: 20px; font-weight: 700;}
#menu .nav_wrap .service-wrap .service-wrap-tell{border: 1px solid #BEBEBE; padding: 15px; border-radius: 8px;}
#menu .nav_wrap .service-wrap .service-wrap-tell a{font-size: 20px; font-weight: 700;}
#menu .nav_wrap .service-wrap .service-wrap-company{border: 1px solid #EE8F27; border-radius: 8px; display: flex; justify-content: space-between; padding: 10px 20px;}
#menu .nav_wrap .service-wrap .service-wrap-company ul{display: flex; flex-direction: column; align-items: flex-start;}
#menu .nav_wrap .service-wrap .service-wrap-company ul a,
#menu .nav_wrap .service-wrap .service-wrap-company ul li{font-size: 17px; font-weight: 600; line-height: 1.5;}
#menu .nav_wrap .service-wrap .service-wrap-company ul li .dot{content: ""; width: 10px;  background: #bebebe; display: block; height: 10px; border-radius: 10px; margin-right: 15px;}
#menu .nav_wrap .service-wrap .service-wrap-company ul li{display: flex; justify-content: space-around; align-items: center;}
#menu .nav_wrap .service-wrap .service-wrap-company .service-wrap-company-info{text-align: start;}
#menu .nav_wrap .service-wrap .service-wrap-company .service-wrap-company-info li a{display:flex; flex-direction: column;}
#menu .nav_wrap .service-wrap .service-wrap-company .service-wrap-company-info li a div{display:flex; justify-content: space-between; align-items: center;}
#menu .nav_wrap .service-wrap .service-wrap-company .service-wrap-company-info li a div p{font-size: 17px; font-weight: 600; line-height: 1.5;}
#menu .nav_wrap .service-wrap .service-wrap-company .service-wrap-company-info li a div svg{fill:#EE8F27;}
#menu .nav_wrap .service-wrap .service-wrap-company .service-wrap-company-info li a p{font-size: 17px; font-weight: 600; line-height: 1.5;}
#menu .nav_wrap .service-wrap .service-wrap-company .service-wrap-company-info li:first-child{margin-bottom: 22px;}

/* pc레이아웃 */
.ecm_pc .lnb_box > ul{align-items: flex-start;}
.ecm_pc #header{width:100%;  z-index: 9998; border-bottom: 1px solid #ccc;}
.ecm_pc .lnb_box ul li .slnb{position: absolute; top: 100%; left: 0; border: 1px solid #ccc; border-top: 0;}
.ecm_pc .lnb_box:HOVER ul li .slnb{opacity: 0; height: 0;}
.ecm_pc .lnb_box ul li:HOVER > .slnb{opacity: 1; height: auto;}
.ecm_pc #westMenuArea { padding: 30px 0 10px;}
.ecm_pc .contentArea #content{min-height: 450px;     overflow: hidden;}
.ecm_pc #content > *{max-width: 1280px; margin: auto;}
.main_body_pc .ecm_pc #content > *{max-width: none;}
.ecm_pc .sub-area{padding: 0;}
.ecm_pc .content_form{padding-bottom: 50px;}
.ecm_pc .sub-con-title{padding: 50px 0 30px;}

/* 일반 홈페이지 버전*/
.ecm_pc .gnb_box,
.normal-homepage .gnb_box{max-width: 1280px; margin: 0 auto; padding: 10px 0;display: flex; justify-content: space-between; align-items: center;}
.ecm_pc .gnb_box h1,
.normal-homepage .gnb_box h1{text-align: left;}
.ecm_pc .gbn_btns,
.normal-homepage .gbn_btns{position: static;}
.ecm_pc .gnb_box ul.box_mode,
.normal-homepage .gnb_box ul.box_mode{float: none;}
.ecm_pc .lnb_box > ul > li > .mlnb:after{content:''; position: absolute; height: 2px; left: 0; bottom: 0; background-color: #0d3f7a; width: 0;}
.ecm_pc .lnb_box > ul > li:hover > .mlnb:after,
.ecm_pc .lnb_box ul li.active_page > .mlnb:after{width: 100%;}
.normal-homepage #header.normal-menu{box-shadow: 0 0 5px rgb(0 0 0 / 30%); border-bottom: 0;}

.normal-homepage #ecm_wrap.ecm_pc {min-width: auto;}



@media only screen and (max-width: 1350px){
	.ecm_mobile .contentArea,
	.ecm_mobile #content,
	.ecm_mobile .content_form{height: 100%; /*overflow: scroll;*/}
	.ecm_mobile .gnb{width:100%; overflow:hidden; font-weight: 500;  text-align: center; background-color: #fff;}
	.ecm_mobile .main-gnb{border-bottom: 0;background-color: #0d3f7a;}
	.ecm_mobile .main-gnb .gnb_box ul.box_mode li{color: #fff;}
	.ecm_mobile .main-gnb .gnb_box ul.box_mode li input{color: #fff; border-color: #fff;}
	
	.ecm_mobile #header{position: fixed; top: 0; left: 0; border-bottom: 0px solid #ddd;}
	.ecm_mobile .main-gnb{background: transparent;}
	.ecm_mobile .lnb_box{position: fixed; bottom: 0px; height: 73px;}
	.ecm_mobile .lnb_box ul{height: 73px; position: fixed; border-top:1px solid #BEBEBE;}
	.ecm_mobile .lnb_box ul {max-width: none;}
	
	.ecm_mobile .lnb_box ul li .slnb{display:none;}
	.ecm_mobile .lnb_box ul li a > div.icon-wrap {display: block;}
	.ecm_mobile .lnb_box ul li a > p{min-height: 23px;}
	.ecm_mobile .lnb_box ul li a{font-size: 13px; padding: 0;}
	.ecm_mobile .hs1 .embla--subMenu{display: block;background-color: #fff; border-bottom: 1px solid #BEBEBE;}
	.main-body .ecm_mobile .hs1 .embla--subMenu{border-bottom: 0;}
	
	.ecm_mobile .gnb{border-bottom: 0; transition: 0.4s ease-in-out;}
	.ecm_mobile .lnb_box ul li{justify-content: center;}
	.ecm_mobile .gnb_box:after{content:''; display: block; clear: both;}
	.ecm_mobile .gnb_box h1 {text-align: left; float: left;}
	.ecm_mobile .gbn_btns { position: static; right: auto; top: auto;}
	
	.ecm_mobile #topMenu li:hover > .mlnb{background: none;}
	.ecm_mobile #topMenu li:hover .mlnb a {color: inherit;}
	.ecm_mobile .lnb_box ul li:hover > .mlnb:after{display: none;}
	
	.ecm_mobile #footer { z-index: 999; width: 100%; overflow: hidden; position: fixed; bottom: 0px; display: none;}
	
	
	.ecm_mobile .sub_container,
	.ecm_mobile .sub_container_box,
	.ecm_mobile #container{height: 100%;}
	
	.ecm_mobile #naviArea{display: none;}
	.ecm_mobile #westMenuArea{display: none;}
	
	.ecm_pc .gnb_box ul.box_mode{float: none;}
	.ecm_pc .lnb_box > ul{max-width: none;}
	.ecm_pc #westMenuArea {padding: 30px 15px 10px;}
	.ecm_pc .gnb_box{padding: 10px;}
	.ecm_pc .gbn_btns{right: 10px;}
	
	.normal-homepage .ecm_mobile .contentArea, 
	.normal-homepage .ecm_mobile #content,
	.normal-homepage .ecm_mobile .content_form {height: 100%; overflow: auto;}
	.normal-homepage .normal-menu .lnb_box{position: static; bottom: auto; height: auto;}
	.normal-homepage .ecm_mobile #footer{position: static; bottom: auto; display: block;}
	.normal-homepage .ecm_mobile .sub_container, 
	.normal-homepage .ecm_mobile .sub_container_box, 
	.normal-homepage .ecm_mobile #container{height: auto; max-height: none !important;}
	.normal-homepage .ecm_mobile .contentArea, 
	.normal-homepage .ecm_mobile #content, 
	.normal-homepage .ecm_mobile .content_form{height: 100%;}
	
	.normal-homepage .normal-menu .gnb{text-align: left; border-bottom: 0;}
	.normal-homepage .normal-menu .gnb_box:after { display: none;}
	.normal-homepage .normal-menu .main-gnb { background: #fff;}
	.normal-homepage .normal-menu .main-gnb .gnb_box ul.box_mode li { color: #000;}
	.normal-homepage .normal-menu .main-gnb .gnb_box ul.box_mode li input {color: #000; border-color: #000;}
	.normal-homepage .normal-menu .gnb_box{padding: 10px 20px;}
	/* .normal-homepage .ecm_pc .gnb_box{padding: 10px 20px;} */
	
	.normal-homepage .normal-menu .normal_mobile{display: block;width: 30px; cursor: pointer; position: relative; z-index: 10000;}
	.normal-homepage .normal-menu .normal_mobile .mobile_menu_bar,
	.normal-homepage .normal-menu .normal_mobile:before,
	.normal-homepage .normal-menu .normal_mobile:after{content:''; width: 100%; height: 2px; background-color: #000; display: block;transition: 0.3s;}
	.normal-homepage .normal-menu .normal_mobile .mobile_menu_bar{margin: 5px 0;opacity: 1;}
	.normal-homepage .normal-menu .mobile_menu_open .normal_mobile .mobile_menu_bar{opacity: 0;}
	.normal-homepage .normal-menu .mobile_menu_open .normal_mobile:before{transform: rotate(45deg) translate(5px, 5px);}
	.normal-homepage .normal-menu .mobile_menu_open .normal_mobile:after{transform: rotate(-45deg) translate(5px, -5px);}
	
	.normal-homepage .normal-menu .lnb_box{align-items: center; box-shadow: 0 3px 3px rgb(0 0 0 / 10%); padding: 0 20px; max-width: none;}
	.normal-homepage .normal-menu .lnb_box > ul{
		display: block;transition: transform 0.3s; right: 0;position: fixed; top: 0; z-index: 10; width: auto; height: 100%; background-color: #fff;transform: translateX(120%);
		max-width: 90%; width: 250px; box-shadow: -1px 0 5px rgb(0 0 0 / 10%); overflow-y: auto; border-top: 0; padding-top: 50px;
	}
	.normal-homepage .normal-menu .lnb_box.mobile_menu_open > ul{transform: none;}
	.normal-homepage .normal-menu .lnb_box > ul > li {border-bottom: 1px solid #e6e6e6;}
	.normal-homepage .normal-menu .lnb_box > ul > li .mlnb a { font-size: 16px; padding: 15px 20px; text-align: left;}
	.normal-homepage .normal-menu .lnb_box > ul > li .slnb ul{padding: 10px 0 15px; height: auto; position: static; border-top: 0;}
	.normal-homepage .normal-menu .lnb_box > ul > li .slnb ul li a {padding: 0 15px; padding-bottom: 15px; text-align: left; font-size: 14px;}
	.normal-homepage .normal-menu .lnb_box > ul > li .slnb ul li:last-child a{padding-bottom: 0;}
	.normal-homepage .normal-menu .lnb_box > ul > li a{display: block;}
	.normal-homepage .normal-menu .lnb_box > ul > li a > p{display: flex; justify-content: space-between; align-items: center;}
	.normal-homepage .normal-menu .lnb_box > ul > li a > p:after {content:"\f105"; display: inline-block; font-family: "Font Awesome 5 Free"; font-weight: 900;}
	.normal-homepage .normal-menu .lnb_box > ul > li.has_arrow a > p:after {content:"\f107"; transition: 0.3s;}
	.normal-homepage .normal-menu .lnb_box > ul > li.has_arrow.open a > p:after{transform: rotate(180deg);}
	.normal-homepage .normal-menu .lnb_box ul li.open .slnb {display: block;}
	.normal-homepage .normal-menu .lnb_box ul li a > div.icon-wrap{display: none;}
	
}

@media only screen and (max-width: 1000px){
	.ecm_mobile .hs2{display: block;}
	.ecm_mobile .hs2 .m_header{position:relative; display: flex; width:100%; margin:0 auto; padding: 12px 15px; text-align: center; background:transparent; z-index: 99999; justify-content: space-between; align-items: center;
		transition: 0.4s ease-in-out;}
	.ecm_mobile .hs2 #hamburger{position: relative; right: 0; top: auto;width: auto; height: auto; transition: 0.5s;}
	
	.ecm_mobile .hs2 #hamburger:before,
	.ecm_mobile .hs2 #hamburger:after,
	.ecm_mobile .hs2 #hamburger span,
	.ecm_mobile #new_hamburger:before,
	.ecm_mobile #new_hamburger:after,
	.ecm_mobile .side-close-wrap span{width: 20px; height: 2px; position: relative; left: auto; top: auto; background-color: #fff; transition: 0.5s;}
	
	.ecm_mobile #new_hamburger:before,
	.ecm_mobile #new_hamburger:after,
	.ecm_mobile .side-close-wrap span{transition: .8s;}
	
	.ecm_mobile #new_hamburger:before,
	.ecm_mobile #new_hamburger:after{content: ''; display: block;}
	
	.ecm_mobile .hs2 #hamburger span,
	.ecm_mobile .side-close-wrap span{margin: 4px 0; display: block;}
	
	html.mm-opening .ecm_mobile .hs2 #hamburger:after,
	html.mm-opening .ecm_mobile .hs2 #hamburger:before,
	html.mm-opening .ecm_mobile #new_hamburger:before,
	html.mm-opening .ecm_mobile #new_hamburger:after{top: auto;}
	
	html.mm-opening .ecm_mobile .hs2 #hamburger:after,
	html.mm-opening .ecm_mobile #new_hamburger:after{
		-webkit-transform: rotate( 46deg ) translate(-4px, -4px);
	    -moz-transform: rotate( 46deg ) translate(-4px, -4px);
	    -ms-transform: rotate( 46deg ) translate(-4px, -4px);
	    -o-transform: rotate( 46deg ) translate(-4px, -4px);
	    transform: rotate( 46deg ) translate(-4px, -4px);
    }
	html.mm-opening .ecm_mobile .hs2 #hamburger:before,
	html.mm-opening .ecm_mobile #new_hamburger:before{
		-webkit-transform: rotate( -46deg ) translate(-5px, 4px);
	    -moz-transform: rotate( -46deg ) translate(-5px, 4px);
	    -ms-transform: rotate( -46deg ) translate(-5px, 4px);
	    -o-transform: rotate( -46deg ) translate(-5px, 4px);
	    transform: rotate( -46deg ) translate(-5px, 4px);
    }
	
	html.mm-opening .ecm_mobile #hamburger{right: auto;}
	html.mm-opening .ecm_mobile #hamburger span { left: auto;}
	.ecm_mobile .gnb{border-bottom: 0;}
	.ecm_mobile .hs2 h1{margin:0;  vertical-align:middle;}
	.ecm_mobile .gnb_box{display: none; padding: 0;}
	.ecm_mobile .gbn_btns{display: none;}
	
	.ecm_mobile .scrollOn.hs2 .m_header{background-color: #fff;}
	.main-body .ecm_mobile .scrollOn.hs2 .m_header{border-bottom: 1px solid #BEBEBE;}
	.ecm_mobile .scrollOn.hs2 #hamburger:before,
	.ecm_mobile .scrollOn.hs2 #hamburger:after,
	.ecm_mobile .scrollOn.hs2 #hamburger span,
	.ecm_mobile .side-close-wrap span,
	.ecm_mobile #new_hamburger:after,
	.ecm_mobile #new_hamburger:before{background-color: #2E2A25;}
	
	html.mm-opened .ecm_mobile #new_hamburger span{opacity: 0;}
	
	.normal-homepage .normal-menu .hs2 { display: none;}
	.normal-homepage .normal-menu .lnb_box h1{height: 60px;}
	.normal-homepage .normal-menu .gnb_box{padding: 15px 20px; padding-bottom: 0; }
	
}	
@media only screen and (max-width: 917px){
	#ecm_wrap.ecm_pc{min-width: 600px;}
	.ecm_pc #naviArea .web_top { height: 130px; min-height: auto;}
	.ecm_pc #naviArea .web_top > * {padding-top: 10px;}
	.ecm_pc #naviArea .web_top h1 {font-size: 25px; padding: 0;}
	.ecm_pc .lnb_box > ul > li{width: auto; flex-grow: 1;}
	.ecm_pc .lnb_box > ul > li a{font-size: 14px;}
	.ecm_pc .lnb_box ul li a.topON > p,
	.lnb_box ul li.active_page .slnb ul li a.subON{font-weight: 600;}
	.ecm_pc .lnb_box > ul > li .slnb ul li a {font-size: 13px;}
	#leftMenu li a{padding: 10px; font-size: 14px;}
	.ecm_pc .content_form {padding-bottom: 30px;}
	.ecm_pc .sub-con-title{padding: 30px 0 15px;}
	
	.normal-homepage .ecm_pc .lnb_box{align-items: stretch;}
	.normal-homepage .ecm_pc .normal_mobile{display: flex; justify-content: center; align-items: stretch; flex-direction: column;}
	.normal-homepage .ecm_pc .lnb_box > ul{display: none;}
	.normal-homepage .ecm_pc .lnb_box.mobile_menu_open > ul{display: block; position: fixed; background-color: #fff;}
	
}
@media only screen and (max-width: 617px){
 	.ecm_pc .lnb_box > ul{flex-wrap: wrap;}
 	.ecm_pc .lnb_box > ul > li{min-width: calc(100% / 3);}
 	.ecm_mobile .lnb_box > ul > li{width: auto;}
 	.ecm_pc .gbn_btns{position: relative; right: auto; top: auto; transform: none;}
 	.ecm_pc .gnb_box{display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center;}
 	
	.normal-homepage .ecm_pc .lnb_box ul li .slnb, .ecm_pc #header .lnb:after{display: none;}
	.normal-homepage .footer_pc .footer_wrap_pc{padding: 20px 20px 60px;}
	.normal-homepage .footer_pc .footer_wrap_pc ul li > ol li{padding-right: 0; flex-grow: 1;font-size: 15px;}
	
}
@media only screen and (max-width: 517px){	
	
}
 
 
 
 