@charset "utf-8";
/*
================================================================================
SUB PAGE
================================================================================
*/

/* 페이지별 담당자 */
.charge-wr {position:relative;border:1px solid #d2d2d2;margin: 0px 0 50px 0;padding:19px 25px 19px 15px;overflow:hidden;font-size:0.875em;}
.charge-wr .manager-wr {overflow:hidden;}
.charge-wr .manager-wr .manager-list {float:left;width:auto;margin-right: 15px;}
.charge-wr .manager-wr .manager-list dt, .charge-wr .manager-wr .manager-list dd {display:inline-block;vertical-align:top;width:auto;}
.charge-wr .manager-wr .manager-list dt {position:relative;margin-left: 0;font-weight:500;color:#333;padding-left: 0;}
.charge-wr .manager-wr .manager-list dt:before {content:"";display: inline-block;width:5px;height:3px;vertical-align: middle;margin: -1px 10px 0 0;background:#13406c;}
.charge-wr .manager-wr .manager-list dt:after {content:":";margin-left:7px;margin-right:4px;font-weight:500;}
.charge-wr .update {}
.charge-wr .manager-wr .manager-list.update dt{ margin-left:0;}
.charge-wr .manager-wr .manager-list.update dt:before {content:'';position: relative;top: inherit;left: inherit;display: inline-block;vertical-align: middle;margin: -1px 10px 0 0;width:16px;height:15px;background: url('../images/common/ico_update.gif') no-repeat 0 0;}

.charge-wr .btnArea{position: absolute;right: 0;top: 0;}
.charge-wr .btnArea a,.charge-wr .btnArea button{display:block;width:60px;height: 60px;background-color:#f8f8f7;border-left:1px solid #dbdbdb;background-position: 50% 50%;background-repeat: no-repeat;font-size: 0;float: left;}
.charge-wr .btnArea .btnPrint{background-image: url('../images/common/ico_btnPrint.png');}
.charge-wr .btnArea .bookmark{ background-image:url('../images/common/ico_bookmark.png');}
.charge-wr .btnArea a:hover,.charge-wr .btnArea button:hover{ background-color:#f1f9ff;}

@media only screen and (max-width:1080px) {
	.charge-wr {margin: 0px 0 40px 0;padding: 15px 110px 15px 15px;}
	.charge-wr .manager-wr .manager-list.update {float:none;width: 100%;display: inline-block;}
	.charge-wr .btnArea{top: 7px;}
	.charge-wr .btnArea a, .charge-wr .btnArea button{width:55px;height:55px;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;}
}
@media only screen and (max-width:640px) {
	.charge-wr {margin: 0px 0 30px 0;padding: 8px 100px 8px 10px;}
	.charge-wr .btnArea{ top:0px; }
	.charge-wr .btnArea a, .charge-wr .btnArea button{width:50px;height: 52px;border-width:0 1px;}
}
@media only screen and (max-width:568px) {
	.charge-wr{padding: 0;}
	.charge-wr .manager-wr{padding: 15px;font-size: 1em;}
	.charge-wr .manager-wr .manager-list dt:before{height:2px;margin: -1px 7px 0 0;}
	.charge-wr .manager-wr .manager-list.update dt:before{ margin: -1px 7px 0 0;}
	.charge-wr .manager-wr .manager-list,.charge-wr .manager-wr .manager-list.update{float:none;display:inline-block;width: auto;margin-right: 10px;}
	.charge-wr .btnArea{position: relative;left:inherit;top:inherit;margin-top: 0;}
	.charge-wr .btnArea a, .charge-wr .btnArea button{width:50%;height: 30px;border-width: 1px 1px 0 1px;background-size: 20px;}	
}


/********** 01_support ************/

/* support_tit */
.support_tit{overflow:hidden;position:relative;display: table;width:100%;background: var(--mainColor) url('../images/sub/support_titBg01.png') no-repeat 100% 100%;height: 250px;border-radius: 20px;margin-bottom: 40px;}
.support_tit.bg01{background-image:url('../images/sub/support_titBg01.png');}
.support_tit.bg02{background-image:url('../images/sub/support_titBg02.png');}
.support_tit.bg03{background-image:url('../images/sub/support_titBg03.png');}
.support_tit.bg04{background-image:url('../images/sub/support_titBg04.png');}
.support_tit.bg05{background-image:url('../images/sub/support_titBg05.png');}
.support_tit.bg06{background-image:url('../images/sub/support_titBg06.png');}
.support_tit.bg07{background-image:url('../images/sub/support_titBg07.png');}
.support_tit.bg08{background-image:url('../images/sub/support_titBg08.png');}
.support_tit.bg09{background-image:url('../images/sub/support_titBg09.png?v=20240726');}
.support_tit.bg10{background-image:url('../images/sub/support_titBg10.png');}
.support_tit.bg11{background-image:url('../images/sub/support_titBg11.png');}
.support_tit .inner{display:table-cell;width:100%;vertical-align: middle;color:#fff;padding:0 45px;position: relative;z-index: 1;}
.support_tit .inner .tit{font-size: 1em;color: #b3e3e6;font-weight: 600;line-height: 1em;margin-bottom: 20px;}
.support_tit .inner .desc{font-size: 1.685em;font-weight: 700;line-height: 1.2em;}
@media only screen and (max-width:1080px) {
	.support_tit{height: 200px;background-size: contain;}
	.support_tit .inner{padding:0 35px;}
}
@media only screen and (max-width:768px) {
	.support_tit{height: 150px;border-radius: 15px;}
	.support_tit .inner{padding:0 30px;}
	.support_tit .inner .tit{ margin-bottom:10px}
	.support_tit .inner .desc{font-size: 1.35em;}
}
@media only screen and (max-width:480px) {
	.support_tit{height: 120px;  background-position: 150% 100%;}
	.support_tit .inner{padding:0 20px;}
	.support_tit .inner .tit{ font-size: 0.95em; margin-bottom:8px}
	.support_tit .inner .desc{font-size: 1.235em;}
}


/* cooper_box */
.cooper_box{overflow: hidden;border-top: 2px solid #111;position: relative;border-left: 1px solid #ddd;}
.cooper_box .item {min-height: 100px;position: relative;float:left;width: 25%;border: 1px solid #ddd;border-width: 0 1px 1px 0;}
.cooper_box .item a{display: flex;align-items: center;width: 100%;height:100%;background: #fff;/* padding: 0 10px; */}
.cooper_box .item .pic{color: #222;vertical-align: middle;text-align: center;font-size: 1.4em;font-weight: 700;word-break: break-all;line-height: 1.2em;display: table-cell;width: 100%;height: 100px;/* padding: 0 10px; */margin-bottom: 50px;}
.cooper_box .item .pic img{ display:block; margin:0 auto;width: auto;}
/*.cooper_box .item .txt_wrap{display: table;background: var(--mainColorOn);position: absolute;top: 0;left: 0;width: 100%;height: 100%;text-align: center;padding: 0 20px;color: #fff;opacity: 0;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.cooper_box .item .txt_wrap .tit{display: table-cell;vertical-align: middle;color: #fff;font-size: 1.125em; line-height:1.2em;letter-spacing: -0.05em; }
.cooper_box .item .txt_wrap .tit:before{content:'';display:block;margin: 0 auto 10px auto;width:38px;height:38px;border: 1px solid #fff;border-radius:38px;background:url('../images/board/ico_link.png') no-repeat 50% 50%;background-size: 20px;}
.cooper_box .item:hover .txt_wrap,
.cooper_box .item:focus .txt_wrap,
.cooper_box .item .txt_wrap.on{ opacity:1; }*/
.cooper_box .item:hover,
.cooper_box .item:focus {cursor:pointer;}
.cooper_box .item a.nolink:focus,
.cooper_box .item a.nolink:hover{ cursor:auto;}
.cooper_box .item a.nolink .txt_wrap .tit:before{display:none;}
@media only screen and (max-width:1080px) {
	.cooper_box .item{width:33.33333%;}
	.cooper_box .item .pic{ min-width: 100%;}
	.cooper_box .item .txt_wrap{padding: 15px 10px;}
}
@media only screen and (max-width:768px) {
	.cooper_box .item{width:50%;min-height: 90px;}
	.cooper_box .item .pic{height: 90px;}
	.cooper_box .item .txt_wrap{padding: 10px;}
	.cooper_box .item .txt_wrap .tit{font-size: 1.25em;}
	.cooper_box .item .txt_wrap .tit span{display:inline-block;vertical-align: middle;}
}
@media only screen and (max-width:480px) {
	.cooper_box .item{min-height: 75px;}
	.cooper_box .item .pic{height: 75px;padding: 0;}
	.cooper_box .item .txt_wrap .tit{font-size: 1.125em;}
}

/* subVisual */
.subVisual{height: 320px;background: linear-gradient(90deg, var(--mainColor) 75%, transparent 75%);word-break: keep-all;/* margin:-2rem 0 4rem; */border-radius: 20px;overflow: hidden;}
.subVisual .left{float:left;width:50%;height: 100%;position:relative;}
.subVisual .leftCon{position:absolute;left:0;bottom:0;padding:1.8em;font-size: 1.25em;}
.subVisual .leftCon .eng{opacity:0.9; color:#fff; font-size:0.7em; margin-bottom:1em;  font-weight:700; text-transform:uppercase;}
.subVisual .leftCon .title{color:#fff; line-height:1.3; font-weight:700; letter-spacing: -0.05em;}
.subVisual .right{float:left;width:50%;height: 100%;overflow:hidden;text-align:right}
@media only screen and (max-width:1080px) {
	.subVisual{position: relative; display:flex; flex-direction: column-reverse; height: auto;  }
	.subVisual .left{float:none; position: relative; width:100%; height:auto;}
	.subVisual .leftCon{position: relative;left:auto;bottom:auto;background: var(--mainColor);width:100%;height:auto;font-size: 1.5em;padding: 1.25em;}
	.subVisual .leftCon .eng{margin-bottom:0.75em;}
	.subVisual .right{float:none; width:100%; height:45vw}
	.subVisual .right img{width:100%;}
}
@media only screen and (max-width:768px) {
	.subVisual .leftCon{font-size:1.35em}
}
@media only screen and (max-width:480px) {
.subVisual .leftCon{font-size:1.2em;}
}
	

/* sub_grup */
.sub_grup .ttl02  + .con{margin-bottom: 70px;}
.sub_grup .ttl02  + .con .pic{max-width: 84%;margin: 0 auto;}
@media only screen and (max-width:768px) {
	.sub_grup .ttl02  + .con .pic{max-width:100%;}
	.sub_grup .ttl02  + .con{margin-bottom: 40px;}
}

/* vr_bnWrap */
.vr_bnWrap{ display:flex; flex-wrap:wrap; gap:8px;}
.vr_bnWrap > div{/* flex:1 1 30%; */width: calc(33.333% - 6.666px);}
.vr_bnWrap > div a{width:100%;height:100%;padding: 25px;text-align:center;display:flex;flex-direction:column;align-items: center;gap: 8px;border: 3px solid #ddd;}
.vr_bnWrap > div .noLink{pointer-events: none; cursor: default; text-decoration: none; color: inherit;}
.vr_bnWrap > div .tit{font-size:1.125em;font-weight:700;color:#222;}
.vr_bnWrap > div .desc{font-size:0.88em;line-height:1.2;margin-bottom: 5px;}
.vr_bnWrap > div .vrImg{display: block;width: 70px;height:50px;background: url('../images/sub/ico_vr.png') no-repeat 50% 50%;background-size: contain;margin-top: auto;transition: all .3s ease-in-out;}
.vr_bnWrap > div a:hover, .vr_bnWrap > div a:focus{ border-color:#006d99;background-color:#f8fdff;}
.vr_bnWrap > div a:hover .vrImg, .vr_bnWrap > div a:focus .vrImg{ background-image: url('../images/sub/ico_vr_on.png');}
@media only screen and (max-width:768px) {
	.vr_bnWrap > div{/* flex:1 1 40%; */width: calc(50% - 4px);}
	.vr_bnWrap > div a{padding:20px;}
}
@media only screen and (max-width:480px) {
	.vr_bnWrap > div{width:100%;}
}


/* picList */
.picList{overflow: hidden;display: flex;}
.picList > li{position: relative;}
.picList.col3 > li{width:33.3%;}
.picList.col3 > li:nth-child(even){ width:33.4%;}
.picList.col5 > li{width:20%;}
.picList.col5 > li .tit span{font-size:1em;}

.picList > li .tit{text-align: center;padding-top: 160px;background-position: 50% 0;background-repeat: no-repeat;}
.picList > li .tit p{position: relative;background: #004baa;text-align: center;color: #fff;padding: 35px 5px;margin-bottom: 0 !important;}
.picList > li .tit p span {border-radius: 5px;line-height: 1.3;padding-top: 5px;display: inline-block;font-size: 1.125em;}
.picList > li .tit p .num{background:url('../images/common/step_numBg.png') no-repeat 50% 50%;width:45px;height:51px;display:inline-block;color:#fff;padding:13px;position: absolute;left: 50%;top: -25px;margin-left: -25px;}

.picList > li .txt{position: relative;border: 1px solid #ddd;border-width:1px 0;z-index: 2;background:#fbfbfb;height: 100%;overflow: hidden;}
.picList > li:first-child .txt{border-width:1px 0 1px 1px;border-radius: 20px 0 0 20px;}
.picList > li:last-child .txt{border-width:1px 1px 1px 0px;border-radius: 0 20px 20px 0;}

.picList > li .txt dt{background: var(--mainColorOp);text-align: center;font-size:1.125em;color:#244060;padding:25px 0;}
.picList > li .txt dt span{ font-size:1.25em; color:#6f8cae; display: block; line-height: 1.2em;}
.picList > li .txt dd{ text-align: center; padding:20px 0;}
.picList > li .txt dd > ul{display:inline-block;}
.picList > li .txt dd > ul li{text-align: left; line-height: 1.2em;}
.picList > li .txt dd > ul li:before{ top:8px;}
.picList > li .txt dd > ul li ul{padding-bottom:0 !important;}

.picList > li:nth-child(even) .tit:before, .picList > li:nth-child(even) .tit:after{content:'';display: block;width:1px;height: 100%;background:#fff;position: absolute;top:0;z-index: 1;}
.picList > li:nth-child(even) .tit:before{left:0;}
.picList > li:nth-child(even) .tit:after{ right:0;}
.picList > li:nth-child(even) .tit p{background: #1aa2ab;}
.picList > li:nth-child(even) .txt dt{background: #f3f7f9;}
.picList > li:nth-child(even) .txt{ background:#fff;}
@media only screen and (max-width:1080px) {
	.picList > li .tit p{ padding:25px 5px;}
	.picList > li .tit p span{font-size:1.12em;}
}
@media only screen and (max-width:768px) {
	.picList{flex-direction:column;}
	.picList > li{width:100% !important; float:none !important; margin-bottom: 15px;}
	.picList > li:last-child{ margin-bottom: 0;}
	.picList > li .tit{background-size:cover; background-position: 50% 50%;}
	.picList > li .tit p{ padding:10px 5px !important;}
	.picList > li .tit p .num{background-size:contain;width: 32px;height: 35px;margin-left: -16px;padding: 10px;}
	.picList > li .tit p span{font-size:1.1em;}
	.picList > li .tit p span br{display:none;}	
	.picList > li .txt{min-height: inherit;border-width:1px !important;border-radius: 15px !important;}
	.picList > li .txt:before{top: -20px;background-size: contain; height: 20px;}
	.picList > li .txt dt{padding:10px 0;}
	.picList > li .txt dd{padding:10px;}
	.picList > li .txt br { display:none}
}
@media only screen and (max-width:480px) {
	.picList > li .tit{padding-top: 140px;}
}


/* coreValues */
.coreValues{display:flex; flex-wrap:wrap;}
.coreValues .item{width:calc(50% - 5px);margin-right:10px;margin-bottom:10px;border: 6px solid #eee;border-radius: 20px;position:relative;padding: 2.75em;display: flex;flex-direction: column;}
.coreValues .item:nth-child(2n){margin-right:0;}
.coreValues .item:before{content: "";display: block;width: 34px;height: 34px;position: absolute;left: -6px;top: -6px;border: 6px solid var(--mainColor);border-width: 6px 0px 0 6px;border-radius: 20px 0 0 0;}
.coreValues .item:nth-child(even):before{left:inherit; right:-6px;transform: scaleX(-1);}
.coreValues .item:nth-child(3):before{ top:inherit; bottom:-6px;transform: scaleY(-1); }
.coreValues .item:nth-child(4):before{top:inherit;bottom:-6px;transform: scaleX(-1) scaleY(-1);}
.coreValues .tit{font-size: 1.45em;font-weight: 700;color: #222;line-height: 1em;margin-bottom: 0.75em;}
.coreValues .point{ font-weight:500;}
.coreValues .en{font-size: 2em;font-weight:600; text-align:center;position:absolute;background: var(--mainColor);color: #fff;width: 2em;height: 2em;line-height: 2em;font-family: 'Pretendard', 'Noto Sans KR', 'Malgun Gothic', '맑은고딕', '돋움', sans-serif;}
.coreValues .item:nth-child(1) .en{right: -6px;bottom: -6px;border-radius: 80px 0 0 0;text-indent: 0.25em;line-height: 2.25em;}
.coreValues .item:nth-child(2) .en{left:-6px;bottom:-6px;border-radius:0 80px 0 0;text-indent: -0.25em;line-height: 2.25em;}
.coreValues .item:nth-child(3) .en{right:-6px;top:-6px;border-radius:0 0 0 80px;text-indent: 0.25em;line-height: 1.75em;}
.coreValues .item:nth-child(4) .en{left: -6px;top: -6px;border-radius:0 0 80px 0;text-indent: -0.25em;line-height: 1.75em;}
.coreValues .item:nth-child(2):before{border-color:var(--subColor);}
.coreValues .item:nth-child(2) .en,
.coreValues .item:nth-child(2) .list01 li:before{background-color:var(--subColor);}
.coreValues .item:nth-child(2) .col_key,
.coreValues .item:nth-child(2) .point{color:var(--subColor) !important; background: linear-gradient(0deg, var(--subColorOp) 40%, #fff 60%);}
.coreValues .item:nth-child(3):before{border-color:var(--importColor);}
.coreValues .item:nth-child(3) .en,
.coreValues .item:nth-child(3) .list01 li:before{background-color:var(--importColor);}
.coreValues .item:nth-child(3) .point,
.coreValues .item:nth-child(3) .col_key{color:var(--importColor) !important; background: linear-gradient(0deg, var(--importColorOp) 40%, #fff 60%);}
@media only screen and (max-width:768px){
	.coreValues .item{padding: 2em;border-width:4px;}
	.coreValues .item:before{ border-width: 4px 0px 0 4px; left:-4px; top:-4px;}
	.coreValues .item:nth-child(even):before{right:-4px;}
	.coreValues .item:nth-child(3):before{ bottom:-4px; }
	.coreValues .item:nth-child(4):before{bottom:-4px;}
	.coreValues .item:nth-child(1) .en{right: -4px;bottom: -4px;text-indent: 0.25em;line-height: 2.25em;}
	.coreValues .item:nth-child(2) .en{left:-4px;bottom:-4px;text-indent: -0.25em;line-height: 2.25em;}
	.coreValues .item:nth-child(3) .en{right:-4px;top:-4px;text-indent: 0.25em;line-height: 1.75em;}
	.coreValues .item:nth-child(4) .en{left: -4px;top: -4px;text-indent: -0.25em;line-height: 1.75em;}
	.coreValues .tit{text-align:center;margin-bottom: 0.5em;}
}
@media only screen and (max-width:480px){
	.coreValues .item{padding: 1.65em;width: 100%;margin-right: 0;border-radius: 15px;}
	.coreValues .tit{}

	.coreValues .item .en{right: inherit !important;bottom: inherit !important;left: -4px !important;top: -4px !important;border-radius: 0  0 50px 0 !important;line-height: 1.55em !important;text-indent: 0 !important;width: 1.75em;height: 1.75em;}
	.coreValues .item:before{left:inherit !important;top:inherit !important;right:-4px !important;bottom:-4px !important;transform: scaleX(-1) scaleY(-1) !important;border-radius: 15px 0 0 0;}
}

/* cardList */
.cardList{display:flex; flex-wrap:wrap;}
.cardList .item{width:calc(50% - 5px);margin-right:10px;margin-bottom:10px;border:6px solid #eee;position:relative;padding: 2.35em 1.5em;display: flex;flex-direction: column;border-radius: 20px;}
.cardList .item:nth-child(2n){margin-right:0;}
.cardList .item:before{content:"";display:block;width:34px;height:34px;border: 6px solid var(--mainColor);border-width: 6px 0 0 6px;position:absolute;left:-6px;top:-6px;border-radius: 20px 0 0 0;}
.cardList .num{font-size: 1.25em;line-height: 1em;font-weight:800;color:#222;margin-bottom: 0.5em;}
.cardList .con{word-break:keep-all;line-height:1.3;font-size: 1.125em;font-weight:500;color:#555;}
.cardList .tit{font-size:1.125em;font-weight:700;line-height:1.3;padding-bottom:0.5em; display: block;}
.cardList .desc{ font-size: 0.888em;font-weight:500;line-height:1.3;padding-top:0.5em;}
.cardList.col3 .item{width:calc(33.333% - 6.6667px);}
.cardList.col3 .item:nth-child(2n){margin-right:10px;}
.cardList.col3 .item:nth-child(3n){margin-right:0;}
.cardList.full .item{width:100%; margin-right:0;}

@media only screen and (max-width:1080px){
	.cardList .item{width:100%;padding: 2em 1.5em;margin-right:0;}
	.cardList .item:nth-child(3n){margin-right:0;}
	.cardList .item:nth-child(2n){margin-right:0;}
	.cardList.col3 .item{width:calc(50% - 5px);margin-right: 10px;}
	.cardList.col3 .item:nth-child(3n){margin-right:10px;}
	.cardList.col3 .item:nth-child(2n){margin-right:0;}
}
@media only screen and (max-width:768px){
	.cardList .item{width:100%;padding: 1.5em 1.25em; border-width:4px; border-radius:15px;}
	.cardList .item:before{border-width:4px 0 0 4px;left: -4px;top: -4px; border-radius:15px 0 0 0;}
	.cardList.col3 .item{width:100%;font-size: 0.935em;margin-right: 0;}
	.cardList.col3 .item:nth-child(3n){margin-right:0;}
	.cardList.col3 .item:nth-child(2n){margin-right:0;}	
	.cardList .desc{font-size:0.95em;}
}


/* detailList */
.detailList{display:flex;border: 1px solid #d4dfe4;border-radius: 20px;overflow: hidden;}
.detailList > li{width: 100%;display: flex;flex-direction: column;}
.detailList > li .tit{background-color:var(--mainColor);display: block;text-align: center;color: #fff;font-size: 1.125em;line-height: 1.4;padding: 0.75em;}
.detailList > li:nth-child(even) .tit{background-color:var(--subColor)}
.detailList > li:nth-child(even) ul{background-color:#f3f7f9}
.detailList > li ul{padding:1.25em 0.75em;background-color:#fff;height: 100%;}
.detailList > li ul li{padding-left:15px; position:relative;}
.detailList > li ul li:before{content:'-'; display:block; position:absolute; left:0; top:0px;}
@media only screen and (max-width:768px){
	.detailList{flex-direction: column;border-width: 0;border-radius: 0;}
	.detailList > li .tit br{display:none;}
	.detailList > li{ margin-bottom:10px;}
	.detailList > li .tit{border-radius:15px 15px 0 0;}
	.detailList > li ul{border: 1px solid #d4dfe4;border-width: 0 1px 1px 1px;border-radius: 0 0 15px 15px;}
}


/* 윤리헌장 */
.ethicsCharter-box {background: #f8f9fa;padding: 2em;border-radius: 1em;overflow: hidden;position: relative;}
.ethicsCharter-box-in {background:#fff;box-shadow: 0 0 10px rgba(0,0,0,0.03);border-radius: 1em;padding: 5em;}
.ethicsCharter-box-in:before,.ethicsCharter-box-in:after{content:"";display:block;width:400px;height: 2.35em;background: var(--mainColor);position:absolute;transform:rotate(45deg)}
.ethicsCharter-box-in:before{top: 0;right: -72px;}
.ethicsCharter-box-in:after{left: -72px;bottom:0px;}
.ethicsCharter-box-in .charter-top {text-align:center;position:relative;padding: 0 0 1em 0;}
.ethicsCharter-box-in .charter-top img {margin-top: 35px;}
.ethicsCharter-box-in .charter-top h3{color:#222;font-size: 1.85em;margin-top: 20px;font-weight: 700;}
.ethicsCharter-box-in .charter-con p {border-bottom: 1px solid #eee;color: #222;font-size: 1.125em;padding: 1em 0 2em 0;line-height: 1.8;margin-bottom:40px;position: relative;}
.ethicsCharter-box-in .charter-con p span{display: inline;}
.ethicsCharter-box-in .charter-con dl {overflow:hidden;display: flex;margin-bottom: 1em;}
.ethicsCharter-box-in .charter-con dl:last-child{margin-bottom:0;}
.ethicsCharter-box-in .charter-con dt {width: 15%;padding-left:2%;font-size: 1.25em;color:#007c86;font-weight: 700;background:url('../images/sub/tit_bul.png') no-repeat left top;}
.ethicsCharter-box-in .charter-con dd {width: 85%;font-size: 1.125em;font-weight: 500;color:#555;}
.ethicsCharter-box-in .charter-con dd:last-child{margin-bottom: 0;}
.ethicsCharter-box-in .charter-bot{text-align:center;padding: 2em 0 0 0; border-top:1px solid #eee;margin-top:40px;}
.ethicsCharter-box-in .charter-bot img{height: 38px;margin-top: 10px;}
@media only screen and (max-width:1080px){	
	.ethicsCharter-box-in .charter-con p {margin-bottom: 30px;}
}
@media only screen and (max-width:768px){
	.ethicsCharter-box-in{padding: 3em;}	
}
@media only screen and (max-width:480px){	
	.ethicsCharter-box{padding:1em}
	.ethicsCharter-box-in{padding: 1.5em;}
	.ethicsCharter-box-in:before{height: 1.5em;right: -130px;}
	.ethicsCharter-box-in:after{height: 1.5em; left: -130px;}
	.ethicsCharter-box-in .charter-top {}
	.ethicsCharter-box-in .charter-top h3{font-size: 1.65em;} 
	.ethicsCharter-box-in .charter-con p{margin-bottom: 20px;line-height: 1.6em;padding: 0.5em 0 1.5em 0;font-size: 1.05em;}
	.ethicsCharter-box-in .charter-con p span br{display:none;}
	.ethicsCharter-box-in .charter-con dl { }
	.ethicsCharter-box-in .charter-con dt {width: 50px;padding-left:0;font-size:1.125em}
	.ethicsCharter-box-in .charter-con dd { font-size:1.05em;}
	.ethicsCharter-box-in .charter-bot{padding:1em 0 0 0;margin:20px 0;}
	.ethicsCharter-box-in .charter-bot img{height: 33px;}
}


/* hello_box */
.hello_box{ overflow: hidden;}
.top_hello{overflow: hidden;margin-bottom: 10px;}
.top_hello > div{ float:left; }
.hello_box .pic {width: 30%;position: relative;border-radius: 20px;overflow: hidden;box-shadow: 10px 10px 3px rgba(0,0,0,0.05);}
.hello_box .pic img{ width:100%;}
.hello_box .txt{float:right;width: 65%;}
.hello_box .txt .titWrap{margin-bottom: 40px;}
.hello_box .txt .heading1{font-size: 1.88em;line-height: 1.4em;font-weight: 500;margin-bottom: 20px;color: #222;letter-spacing: -0.04em;}
.hello_box .txt .heading2{font-size:1.45em;color:#333;font-weight:500;line-height: 1.35em;}

/* point */
.point{position:relative; color:var(--mainColor);z-index: 1; background: linear-gradient(0deg, var(--mainColorOp) 40%, #fff 60%);}
.point2{position:relative; color:var(--importColor);z-index: 1; background: linear-gradient(0deg, var(--importColorOp) 40%, #fff 60%);}

.hello_box .txt p{margin-bottom:20px;color:#666;font-size: 1.125em;}
.hello_box .txt p:last-child{margin-bottom:0px !important;}
.hello_box .sign{text-align: right;font-size:0.95em;font-weight: 400;color:#000;}
.hello_box .sign strong{font-size: 1.65em;display: inline-block;padding-left: 10px;font-weight: 500;vertical-align: middle;letter-spacing: 0.1em;}
@media only screen and (max-width: 1080px){
	.top_hello{overflow: hidden; }
	.hello_box .txt .titWrap{ margin-bottom: 30px;}
	.hello_box .txt .heading1{ font-size:1.65em;}
	.hello_box .txt .heading2{font-size: 1.35em;}
	.hello_box .txt p{margin-bottom:15px;}	
}
@media only screen and (max-width: 768px){
	.top_hello > div{ float:none !important;width:100% !important;}
	.hello_box .pic {margin-bottom:20px;background: #e4e4e6 url(../images/sub/hello_pic_m.png) no-repeat 50% 100%;background-size: contain;height: 300px;max-width: inherit;width: calc(100% - 10px) !important;}
	.hello_box .pic img{ display:none;}
	.hello_box .txt .titWrap{margin-bottom:20px;}
	.hello_box .txt .heading1{ margin-bottom: 15px;}
	.hello_box .txt .heading1,
	.hello_box .sign strong{font-size:1.45em;}
	.hello_box .txt .heading2{font-size:1.25em;}
	.hello_box .txt p{margin-bottom:10px;font-size: 1.05em;}
	.hello_box .txt .heading1 br, .hello_box .txt br{ display:none;}
}
@media only screen and (max-width: 480px){
	.hello_box .pic{height: 250px;}
}



/* history_box */
.history_box{ position:relative; overflow: hidden;}
.history_box .tit_area{position:relative;overflow: hidden;display: table;width:100%;height:220px;margin-bottom:35px;background-repeat:no-repeat;background-position: 50% 50%;color:#fff;text-align:center;background-size: cover;border-radius: 25px;}
.history_box .tit_area.titBg_1999{ background-image:url('../images/sub/history_bg01.jpg');}
.history_box .tit_area.titBg_2000{ background-image:url('../images/sub/history_bg02.jpg');}
.history_box .tit_area.titBg_2023{ background-image:url('../images/sub/history_bg03.jpg');}
.history_box .tit{display: table-cell;vertical-align: middle;}
.history_box .tit h4 {font-size:0;background-repeat:no-repeat;background-position: 50% 50%;width:100%;height: 45px;background-size:contain;display:block;margin-bottom:22px;}
.history_box .tit_area.titBg_1999 .tit h4{ background-image:url('../images/sub/history_1999.png');}
.history_box .tit_area.titBg_2000 .tit h4{ background-image:url('../images/sub/history_2000.png');}
.history_box .tit_area.titBg_2023 .tit h4{ background-image:url('../images/sub/history_2023.svg');}
.history_box .tit p {font-size:1em;font-weight:300;line-height:1.6; margin-bottom: 0 !important;}

.history-wr {position:relative;overflow: hidden;}
.history-wr:before {position:absolute;top: 5px;left:50%;margin-left: -11px;content:"";display:block;width:20px;height:20px;border:2px solid #10275c;background:#fff;transform: rotate( 45deg );z-index: 1;}
.history-wr:after{position:absolute;top: 35px;left:50%;content:"";display:block;width:1px;background:#d3d3d3;height: 100%;z-index: 1;}

.history-tit {position:absolute;left:50%;top:0;margin-left:-45px;width:90px;height:90px;border-radius:50%;background: url('../images/common/bg_pattern06.png') repeat;z-index:100;display: table;}
.history-tit span{display:table-cell;vertical-align: middle;color:#fff;width: 100%;height: 100%;font-weight: 700;font-size: 1.15em;}
.history-list-wr{overflow: hidden;padding-bottom: 40px;}
.history-list {position:relative;width:50%;text-align:right;} 
.history-list .year {position:relative;text-align:center;font-size: 1.88em;line-height:1;color: var(--subColor);margin-bottom: 10px;}

.history-list-wr .history-list:first-child .year{padding-top: 30px; }

.history-list .history {clear:both;position:relative;color:#444;border-width: 1px 0;z-index: 2;overflow: hidden;}
.history-list .history li {clear:both;position:relative;margin: 10px 0;line-height: 1.4;}
.history-list .history > li:before {position:absolute;content:"";display:block;top:10px;width: 3px;height: 3px;background: #484848;border-radius:50%;z-index:200;}
.history-list .history li:after {clear:both;content:"";display:block;}
.history-list .history li:last-child {padding-bottom: 0;}
.history-list .history li .txt {color: #444;font-size: 0.9em;font-weight:400;}
.history-list .history li .txt li{margin: 0 0 2px 0;padding-left: 10px;}
.history-list .history li .txt li:before{content:'';display: block;position: absolute;top: 11px;left: 0;background: #666;width: 4px;height: 1px;}
.history-list .history li .day {color: var(--mainColor);font-size: 0.9em;font-weight: 500;min-width: 40px;position: absolute;top: 0;}
.history-list .history li .b {font-weight:500}
.history-list .history li .nb {font-weight:300;}

/* 짝수 */
.history-list:nth-child(even) {margin-right:50%;}
.history-list:nth-child(even) .year { float:right;margin-right: 30px;}
.history-list:nth-child(even) .history {margin-right: 30px;}
.history-list:nth-child(even) .history li:before {right: 0;}
.history-list:nth-child(even) .history li .txt:before {right:0;}
.history-list:nth-child(even) .history li .day{right: 8px;}
.history-list:nth-child(even) .history li .txt{text-align:right;padding-right: 55px;}

/* 홀수 */
.history-list:nth-child(odd) {margin-left:50%;text-align:left;}
.history-list:nth-child(odd) .year {margin-left: 30px;float:left;}
.history-list:nth-child(odd) .history {margin-left: 30px;}
.history-list:nth-child(odd) .history li:before {left: 0;}
.history-list:nth-child(odd) .history li .txt:before {left:0;}
.history-list:nth-child(odd) .history li .day {}
.history-list:nth-child(odd) .history li .day{left: 8px;}
.history-list:nth-child(odd) .history li .txt{text-align:left;padding-left: 55px;}
@media screen and (max-width:1080px) {
	.history_box .tit_area{height:200px;margin-bottom: 30px;}
	.history_box .tit h4{height:40px;margin-bottom: 18px;}
	.history-wr:before{width: 17px;height: 17px;margin-left: -10px;}
	.history-wr:after{top: 30px;}
	.history-list-wr{ padding-bottom: 30px;}
	.history-list .history li .day{width: 35px;min-width: inherit; font-size:1em;}
	.history-list .history li .txt{font-size:1em;}	
}
@media screen and (max-width:768px) {
	.history_box .tit_area{height:150px;margin-bottom: 20px;}
	.history_box .tit h4{height:30px;margin-bottom: 12px;}
	.history_box .tit p{padding:0 15px;}
	.history-wr{padding-top:0;}
	.history-wr:before{width: 12px;height: 12px;margin-left: -7px;}
	.history-wr:after{top: 24px;}	
	.history-list-wr{padding-bottom: 10px;}	
	.history-list{width:100% !important;margin: 15px 0 20px 0 !important;}
	.history-list .year{float:none !important;margin: 0 auto 10px auto !important;font-size: 1.6em;background: #fff;z-index:9;}
	.history-list-wr .history-list:first-child .year{padding-top: 0;margin-top: 37px !important;}
	.history-list .year:before{content:'';display: block;position: absolute;bottom:0;right: 0;border-bottom: 12px solid #fff;border-left: 10px solid transparent;height: 0;width: 45px;}
	.history-list .history{margin:0 !important;border: 1px solid #ddd;background: #fff;padding: 5px 0;border-width: 1px 0;}
	.history-list .history li{padding-left: 10px;margin: 5px 0;}
	.history-list .history > li:before{left:0 !important;top: 8px;}
	.history-list .history li .day{left: 8px !important;}
	.history-list .history li .txt{padding: 0 0 0 43px !important;text-align: left !important;}
}


/* org */
.org {position: relative;text-align: center;overflow: hidden;padding: 3em 1.5em;border: 1px solid #eee;border-radius: 5px;margin-bottom: 40px;}
.org li{display: block;position: relative;}
.org li span{display:block;position: relative;box-sizing:border-box;margin:0 auto;text-align:center;font-size: 1.2em;line-height: 1.2em;padding: 14px 5px;z-index: 1;}
.org li span.part{position:relative;}

.org .level1{ position:relative;}
.org .level1 > li > .part {width: 200px;height: 80px;border-radius: 50px;color: #fff;background: var(--mainColor);margin-bottom: 40px;text-align:center;font-size:1.35em;overflow: hidden;display: table;padding: 0;cursor: pointer;}
.org .level1 > li > .part em{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
.org .level1 > li .part:hover em,
.org .level1 > li .part:focus em,
.org .level1 > li .part:active em{text-decoration:underline; font-weight:500;}

.org .level2{position:relative;margin: -30px auto 30px auto;width:100%;overflow: hidden;}
.org .level2 > li{padding: 0;/* padding: 60px 0px 0 10px; */display: flex;margin-left: auto;float: right;flex-direction: column;width: 20%;position: unset;}
.org .level2 > li > .part{ background: #0a2f87;color: #fff;cursor: pointer;/* margin-bottom: 45px; */float: right;letter-spacing: -0.03em;font-size: 1em;border-radius: 5px;min-height: 65px;display: flex;align-items: center;justify-content: center;/* margin-top: 60px; */width: 100%;}
.org .level2 .group_list{/* float:right; *//* display: flex; *//* flex-direction: column; *//* margin-left: auto; *//* align-items: center; *//* justify-content: center; *//* width: auto; */}
.org .level2 span:hover, 
.org .level2 span:focus, 
.org .level2 span:active{text-decoration:underline; font-weight:500;}

.org .level3{position:relative;padding-top: 30px;overflow: inherit;display: flex;/* margin-top: -185px; */}
.org .level3 > li{width: 25%;padding: 0 5px;}
.org .level3 > li > span{background: #3d4754;border-radius: 0.25em;color: #fff;width:100%;letter-spacing:-0.03em;font-size: 1em;cursor: pointer;/* height: 100%; */min-height: 65px;display: flex;align-items: center;justify-content: center;}
.org .group_list{width:100%;padding: 10px 0;font-size: 1em;}
.org .group_list li{margin-bottom:5px;border: 1px solid #ddd;}
.org .group_list li span{text-align: left;position:relative;cursor: pointer;padding: 15px;font-size: 0.95em;display: flex;align-items: center;justify-content: center;word-break: break-word;}
.org .group_list li span:before{content:'';display: none;width:3px;height:3px;border-radius: 3px;background: #969696;position:absolute;left:0;top:8px;}
.org .level3 span:hover,
.org .level3 span:focus,
.org .level3 span:active{text-decoration:underline;font-weight:500;}
.org .group_list li:hover,
.org .group_list li:focus,
.org .group_list li:active{ color:#333; font-weight:400; text-decoration:underline; }

.org .level1 > li:before{content:"";display: block;border-left: 1px dotted #929292;position:absolute;height: 105px;top: 80px;left:50%;}
.org .level2  > li:before{content:"";display:block;border: 1px dotted #929292;border-width: 1px 0px 0 0;position:absolute;width: 40%;height: 1px;top: 31px;left: 50%;}
.org .level3 li:after{display:none;}
.org .level3:before{content:"";display:block;border-top: 1px dotted #929292;position:absolute;width: 75%;height: 30px;top: 0px;left: 50%;transform: translate(-50%, 0);}
.org .level3 > li:before{content:"";display: block;border-left: 1px dotted var(--mainColor);position:absolute;height: 30px;top: -30px;left:50%;}

@media only screen and (max-width: 1080px){
	.org .level1 > li > .part{height:60px;}
	.org .level1 > li:before{top:60px;height: 90px;}
	.org .level2 > li{/* padding-top:55px; */}
	.org .level2 > li:before{/* height: 45px; */top: 25px;}
	.org .level2 > li > .part{min-height:50px;/* margin-top: 55px; */}
	/*.org .level3 > li:before{display:none; }*/	
	.org .level3 > li:before{height:20px;top: -20px;}
	.org .level3:before{/* display:block; *//* border: 1px dotted #929292; *//* border-width: 1px 1px 0 1px; *//* width: 75%; *//* left: 50%; */ /* transform: translate(-50%, 0); */}
	.org .level3{/* display: block; */flex-wrap: wrap;padding-top: 20px;/* margin-top: -154px; */}
	.org .level3 > li{padding: 0 5px;margin-bottom: 10px;width: 25%;display: inline-block;height: auto;}	
	.org .level3 > li > span{min-height:50px}
	.org .level3 > li span br{ display:none;}
}
@media only screen and (max-width:768px) {
	.org {padding: 1.5em 1em;}
	.org li ul{padding: 0 !important;}
	.org .level1 > li > .part{height: 50px;line-height: 50px;margin: 0;margin-bottom: 20px;width: 100%;}
	.org .level1 > li > .part:after, .org .level1 > li > .part:before{ display:none;}
	.org .level1 li:before{top: 25px;left: 10px;height: calc(100% - 170px);}	
	
	.org .level2{max-width:inherit;position: relative;left:inherit;float:inherit;/* margin-bottom: 10px; */margin: 0 auto;margin-left: 30px;width: auto;overflow: visible;}
	.org .level2 > li:before{width: 20px;height: 1px;left: -20px;}
	.org .level2 > li .part{width: auto !important;/* margin-bottom: 15px; */margin-left: 0;min-height: inherit;margin-top: 0;float: none;font-size: 1.15em;}
	.org .level2 > li{width: 100% !important;padding: 0;margin-bottom: 15px;display: block;}
	.org .level2 > li:last-child{/* margin-bottom:0; */}
	
	.org .level3:before{display:none;}
	.org .level3{display: block;max-width:inherit;position: relative;left:inherit;float:inherit;margin-left: 30px;margin-top: 0;}
	.org .level3 li{width: 100%;padding:0;margin-bottom: 10px;height: auto;}
	.org .level3 li:last-child{margin-bottom:0}
	
	.org > li:after{content:"";display:block;border:1px dotted #929292;border-width:0px 1px 0 0px;position:absolute;height: 877px;top: 85px;left: 10px;}
	.org .level3 > li:before{content:'';display: block !important;position:absolute;height: 1px;width:20px;left: -20px !important;top:25px;border: 1px dotted #929292;border-width:1px 0px 0 0px;}
	/*.org .level2 > li > .part:before{content:"";display: block;border-left: 1px dotted #929292;position:absolute;height: 325px;top: 50px;left: 20px;}*/
	.org .level3 > li span{font-size:1.15em;min-height: inherit;}
	.org .level3 > li span br{ display:none;}
	
	.org .group_list{width:100%;padding: 15px 0 !important;background: #f5f5f5;}
	.org .group_list li{margin-bottom: 0 !important;padding: 0 0 0 10px;border: 0;}
	.org .group_list li span{font-size:1.1em;margin-bottom: 3px;padding: 5px 0 5px 10px;justify-content: flex-start;}
	.org .group_list li span:before{top: 12px;display:block;}
}
@media only screen and (max-width:480px) {
	.org .level1 > li:before{/* height: 473px; */}
}


/* ciBox */
.ciBox { position: relative; overflow: hidden;  margin: 10px 0;}
.ciBox li{ width:50%; float: left; border: 1px solid #e2e2e2; padding: 3.5em 20px; text-align: center; }
.ciBox li:nth-child(even) {float:right; border-left: 0;}
.ciBox .grid { background: url('../images/sub/bg_grid.png') repeat; }
.ciBox .grid .pic img{opacity: 0.5;}
.ciBox p { margin-bottom: 0 !important;overflow: hidden;}
.ciBox + .ciBox { margin: 0 0 10px 0;}
@media only screen and (max-width:640px) {
	.ciBox li{padding: 2.5em 20px; }
}
@media only screen and (max-width:480px) {
	.ciBox li{ width:100% !important; float:none !important; border: 1px solid #e2e2e2 !important; padding: 2em 15px; }
	.ciBox li:nth-child(even){ margin-top: -1px;}
}

/* ci_color */
.ci_color{overflow: hidden;display: flex;gap: 10px;}
.ci_color li{display: block;width:49%;/* float:left; */display: flex;flex-direction: column;}
.ci_color li.full{/* width:100%; */}
.ci_color li p{margin-bottom: 0 !important;vertical-align: middle;display: table-cell;text-align: center;height: 95px;}
.ci_color li:nth-child(1) .tit{background: var(--mainColor);}
.ci_color li:nth-child(2) .tit{background: var(--importColor);border-color: var(--importColor);}
.ci_color li .tit{/* float:left; *//* width: 40%; */display: table;border: 1px solid var(--mainColor);}
.ci_color li .tit p{color:#fff;font-size: 1.25em;font-weight: 500;width: 100%;}
.ci_color li .tit p em{color:#fff;font-size: 0.7em;display: block;font-weight: 300;}
.ci_color li .txt{/* float:left; *//* width: 60%; */padding: 0 30px;display: table;border: 1px solid #ddd;/* box-shadow: 0 0 0 1px inset #ddd; *//* -webkit-box-shadow: 0 0 0 1px inset #ddd; -moz-box-shadow: 0 0 0 1px inset #ddd;*/}
.ci_color li .txt p{ text-align: left;}
.ci_color li .txt span{color:#666;font-weight: 300;display: block;}

@media only screen and (max-width:1080px) {
	.ci_color li p{height: 80px;}
	.ci_color li .txt{padding:0 20px;}
}
@media only screen and (max-width:640px) {
	.ci_color{flex-wrap:wrap;}
	.ci_color li{ width:100%;}
	.ci_color li p{height: 45px;}
	.ci_color li .txt{padding: 5px 15px;}
}
@media only screen and (max-width:500px) {
	.ci_color li{ width:100%;float:none;}
}


/* floor_box */
.floor_box {border-top:2px solid #2b405b;}
.floor_box dl{width:100%;border-bottom: 1px solid #002a2d;display:table}
.floor_box dl dt{display: table-cell;width:130px; min-height: 55px;text-align:center;color: var(--mainColor);background-color: var(--mainColorOp);vertical-align: middle;font-size:13px;}
.floor_box dl dt span{font-size:45px;font-weight:800;}
.floor_box dl dd {display: table-cell;vertical-align: middle;}
.floor_box dl dd ul li {display: table;width:100%;padding:0 15px;border-top:1px solid #efefef;min-height: 55px;}
.floor_box dl dd ul li:first-child {border-top:none}
.floor_box dl dd ul li span,
.floor_box dl dd ul li em,
.floor_box dl dd ul li a {display: table-cell;vertical-align: middle; position: relative;text-align: left; }
.floor_box dl dd ul li span{ line-height: 1.3;font-size: .95em; color: #333 }
.floor_box dl dd ul li em { width: 150px; color:#777;font-weight:600; font-size: .95em; padding-left: 30px}
.floor_box dl dd ul li a { width: 100px;padding-left: 30px}
.floor_box dl dd ul li em:before,
.floor_box dl dd ul li a:before{ content: ""; display: block; width: 25px; height:25px; vertical-align: middle; position: absolute; left:0; top:15px}
.floor_box dl dd ul li em:before {background: url("../images/sub/floor_ico.png") no-repeat 50% 0;background-size: 100%;}
.floor_box dl dd ul li a:before {background: url("../images/sub/floor_ico.png") no-repeat 50% 100%;background-size: 100%;}
.floor_box dl.bfloor dt {color:#6F6F6F;background-color:#f1f1f1}
.floor_box dl dd ul li.blank {}
@media only screen and (max-width:1080px){
	.floor_box dl dt {width:100%;display: block;padding:7px 15px;font-size:13px;text-align: left;min-height: inherit;}
	.floor_box dl dt span {font-size:25px;}
	.floor_box dl dd {display: block}
	.floor_box dl dd ul li span { font-size: 1.15em;}
}
@media only screen and (max-width:750px){
	.floor_box dl dd ul li {min-height:inherit; padding: 10px; }
	
	.floor_box dl dd ul li em {width: 130px;padding-left: 25px;line-height: 20px}
	.floor_box dl dd ul li a {padding-left: 25px; line-height: 20px}
	.floor_box dl dd ul li em:before,
	.floor_box dl dd ul li a:before{ width: 20px; height: 20px; top:0; }
}
@media only screen and (max-width:450px){
	.floor_box dl dd ul li {display: block; overflow: hidden}bas
	.floor_box dl dd ul li span{display: block; margin-bottom: 8px}
	.floor_box dl dd ul li em { float: left;width: 120px;}
	.floor_box dl dd ul li a {float: left; 	}
}


/* map */
#map {margin: 0;background-color:#ddd;height: 500px;position: relative;overflow: hidden;border:1px solid #ddd;border-bottom:0;border-radius: 15px 15px 0 0;}
#map iframe{width:100%; height: 100%; border: 0;}
#map .root_daum_roughmap .wrap_map{height: 500px;}
#map .root_daum_roughmap{width:100%;   padding: 0;border: 0;}
/*
.root_daum_roughmap .wrap_controllers{position: absolute; bottom:0; left: 0;}*/

.add_info{overflow: hidden;width:100%;background: var(--mainColor);border-radius: 0 0 15px 15px;}
.add_info ul{width: 100%;display: flex;justify-content: center;align-items: center;flex-wrap: wrap;padding: 1em 0;}
.add_info li{padding: 1.5em;display: flex;color: #fff;align-items: flex-start;}
.add_info li .txt{font-weight: 400;color: var(--mainColorOp);}
.add_info li span{color: #fff;position: relative;display: flex;align-items: center;gap: 5px;flex-shrink: 0;margin-right: 0.75rem;font-weight: 700;}
.add_info li span:before{content:'';display:inline-block;width: 22px;height: 22px;background-repeat:no-repeat;background-position:50% 50%;background-size: contain;}
.add_info li.ico01 span:before{background-image:url('../images/sub/map_ico_add.svg')}
.add_info li.ico02 span:before{background-image:url('../images/sub/map_ico_tel.svg')}
.add_info li.ico03 span:before{background-image:url('../images/sub/map_ico_fax.svg')}

@media only screen and (max-width: 1080px) {
	#map, .map .root_daum_roughmap .wrap_map{ height:350px;}
	.add_info ul{flex-direction: row; justify-content: flex-start;}
	.add_info li{padding: 1em;}
	.add_info li:last-child{ margin-bottom:0 !important;}
}
@media only screen and (max-width:768px) {
	#map, #map .root_daum_roughmap .wrap_map {height: 325px;}
	.add_info ul{padding:1em;}
	.add_info li{width:100%;padding: 0.5em;}
	.add_info li span:before{width:18px; height:18px;}
}
@media only screen and (max-width:480px) {
	#map, .map .root_daum_roughmap .wrap_map{ height:260px;}
	.add_info{border-radius:0 0 10px 10px ;}
}


/* floor_info */
.floor_info{ overflow:hidden; margin:20px 0 50px 0; padding-left:6%; position: relative;}
.floor_info:before{ content:''; display: block; width:5px; height: 100%; position: absolute; left: 0; top:0; background: #1e2187}
.floor_info h5{ float: left; margin-right:6%; text-align: center; font-weight: 300;}
.floor_info h5 strong{ display: block; margin: 0 auto; font-size:1.75em; line-height: 1.1em; color:#222;}
.floor_info ul{ display: block; float:left; margin-top: 5px;}
.floor_info + .pic{text-align: center;}	
	
@media only screen and (max-width:640px) {
	.floor_info{ margin:20px 0 40px 0;}
	.floor_info:before{ width:3px;}
	.floor_info h5 strong{ font-size:1.5em;}
}

/* email_reject */
.email_reject {text-align:center;line-height:1.6;white-space:pre-line;background:transparent url('../images/sub/email_reject.jpg') center top no-repeat;padding: 180px 10px 0 10px;overflow:hidden;}
.email_reject em{ display:block;}


/* sitemap */
#sitemap {width:100%;display: flex;flex-wrap: wrap;}
#sitemap > div.menu {position:relative;overflow: hidden;float: left;width: 30%;margin-right: 5%;margin-bottom:30px;min-height: 350px;}
#sitemap > div.menu:nth-child(3n+3){margin-right:0}
#sitemap .menu p.tit{margin-bottom: 0;line-height:0;border-top: 2px solid var(--mainColor);border-bottom: 1px solid #ddd;text-align: center;}
#sitemap .menu p.tit > a{font-size: 1.25em;line-height:1em;color: var(--mainColor);display: block;padding: 1em 0;background: #fff;font-weight: 700;}
#sitemap .menu p.tit:before{display:none;}

#sitemap .menu .sitemapList {margin: 0 auto;overflow:hidden;padding: 1.5em 0px 0px 0px;}
#sitemap .menu .sitemapList:after {content:"";display:block;visibility:hidden;clear:both;}
#sitemap .menu .sitemapList li{display:block;position: relative;}
#sitemap .menu .sitemapList li a{position:relative;display:block;padding-left: 12px;color:#333;text-align:left;margin-bottom: 0.5em;font-size: 1.125em;letter-spacing: -1.5px;line-height: 1.4;font-weight: 500;}
#sitemap .menu .sitemapList li a:before{content:'';position:absolute;left:0;top: 10px;width:5px;height: 1px;background:#333;border-radius:50%;}
#sitemap .menu .sitemapList li a:hover, #sitemap .menu .sitemapList li a:focus{color:var(--mainColor);}
#sitemap .menu .sitemapList li ul{padding: 2px 0 5px 12px;} 
#sitemap .menu .sitemapList li li{ float:none; width:100%; position:relative;}
#sitemap .menu .sitemapList li:last-child{ margin-bottom:0;}
#sitemap .menu .sitemapList li li a{font-size: 1em;color: #555;line-height: 1.4;font-weight: 400;padding-left: 10px;}
#sitemap .menu .sitemapList li li a:before{content:'';position:absolute;left:2px;top: 9px;width: 2px;height: 2px;border-radius: 50%;background: #555;}
#sitemap .menu .sitemapList .target a:after {content:'';display:inline-block;margin: 0 0 0 10px;background:url('../images/common/ico_blank.svg') no-repeat 0 0;width:14px;height:14px;vertical-align: middle;}
#sitemap .menu .sitemapList li .target a:after{ width:12px; height:12px}
#sitemap .menu .sitemapList .target:hover a:after,
#sitemap .menu .sitemapList .target:focus a:after{background:url('../images/common/ico_blank_key.svg');}
@media only screen and (max-width:1080px) {	
	#sitemap > div.menu {width: 30.5%;margin-right: 4%;} 
}
@media only screen and (max-width:768px) {
	#sitemap{/* gap: 3rem 0; */justify-content: space-between;}
	#sitemap > div.menu, #sitemap > div.menu:nth-child(4n+4) {width:47%;margin: 0 0 2em 0 !important;}
	#sitemap > div.menu:nth-child(even){float:right;}
	#sitemap .menu p.tit > a{font-size: 1.15em;}
	#sitemap .menu .sitemapList > li{ }
	#sitemap .menu .sitemapList > li > a{font-size:1.1em; }
}	
@media only screen and (max-width:480px) {
	#sitemap > div.menu {float: none;width: inherit !important;margin: 0 0 2em 0 !important;min-height: inherit !important;}
	#sitemap .menu .sitemapList > li{ width:inherit !important; float: none !important;}
}




/*
================================================================================
ENG LAYOUT
================================================================================
*/
/* .hello_box */
.eng .hello_box .pic .sign { margin-top: 20px;}
.eng .hello_box .pic .sign strong{ margin-top: 5px; display: block;}
.eng .hello_box .sign strong{letter-spacing: 0em;}

/* .eng .picList */
.eng .picList > li .tit p{ padding: 25px 5px 5px 5px; min-height: 112px;}
.eng .picList_goal > li .txt li{height: 92px;}
.eng .picList_goal > li .txt li p{ font-size:0.9em;}

/* ttl_img2  */
.eng .ttl_img2{padding-left: 5em;padding-right: 5em;}
.eng .ttl_img2 .txt{ font-size: 1.05em;}
@media only screen and (max-width:640px) {	
	.eng .ttl_img2{padding-left: 2em;padding-right: 2em;}
}
@media only screen and (max-width:480px) {	
	.eng .ttl_img2{padding-left: 1em;padding-right: 1em;}
}

/* .main_work_list */
.eng .main_work_list:first-child dt p{ padding: 11px 0;}

/* .sitemap */
.eng #sitemap .menu .sitemapList li a{letter-spacing: -0.03em; font-size: .95em;}


@media only screen and (max-width:1080px) {	
	/* picList */
	.eng .picList > li .tit p{min-height: 114px;}
	
	/* .main_work_list */
	.eng .main_work_list:first-child dt p{ padding: 5px 0;}
	
	/* .org */
	.eng .org .level2 > li > .part{ width:30%;}	
}
@media only screen and (max-width: 787px){
	.eng .main_work_list{height: 200px;}
	.eng .main_work_list dt p { font-size: 1.1em;}
	.eng .main_work_list:first-child dt p { padding: 0;}
}
@media only screen and (max-width: 768px){
	/* picList */
	.eng .picList > li .tit p { min-height: inherit;}
	.eng .picList_goal > li .txt li{height: auto;}
}

@media only screen and (max-width:640px) {
	/* .hello_box */
	.eng .hello_box .pic{ height: 330px; background-position:  50% 40%;}
	.eng .hello_box .pic .sign{position: absolute; bottom:0; left: 0; background: rgba(255,255,255,0.8); padding: 5px; margin: 0 !important; width: 100%;}
	.eng .hello_box .pic .sign strong{ display:inline-block; font-size:1.25em; margin-top: 0;}
	
	.eng .main_work_list:first-child dt p br{ display: none;}
}
@media only screen and (max-width:480px) {
	.eng .hello_box .pic{ height: 280px; background-position:  50% 45%;}
	
	.eng .ttl_img2{ height:350px; }
}
@media only screen and (max-width:480px) {
	.eng .org .level2 > li > .part:before{height: 225px;}
}